亚洲日本欧洲欧美视频,日韩中文字幕有码av,一本一道av中文字幕无码,国产线播放免费人成视频播放,人妻少妇偷人无码视频,日夜啪啪一区二区三区,国产尤物精品自在拍视频首页,久热这里只有精品12

達樂居視頻網前臺頁面的總結

這幾天在公司做靜態頁面，因為之前從來沒有自己單獨用div+css完成頁面，趁著這個平臺總結一下，以免遺忘。

第一天做頁面因為不懂div的浮動所以一上午都是在捉摸不定，下午改用table做頁面，雖然能很快的做好，但是好像不利于推廣

周末回宿舍看會兒Dreamweaver然后周一上班顯然比第一天好很多，用了6個小時做完一個頁面雖然現在看還是覺得不美觀，但還是學到了很多

1.div層疊、透明

1       <div class="f2"><img src="img2/f2.png"  class="f2"/></div>
2             <div class="blk">123</div>
3              <div class="text" >鄭州七旬老人住墳場&nbsp;&nbsp;拒救助</div>

View Code

.f2
{
    z-index:1;
    width:481px;
    height:241px;
    position:relative;
}
.blk
{
        margin-top:-20px;
        background-image:url(../img2/black1.png);
        z-index:2;
        width:481px;
        alpha(opacity=50);  /*支持 IE 瀏覽器*/
        -moz-opacity:0.50; /*支持 FireFox 瀏覽器*/
        opacity:0.50;  /*支持 Chrome, Opera, Safari 等瀏覽器*/      
        position:absolute;
}
.text
{
    z-index:3;
    color:#FFF;
    margin-top:-18px;
    position:absolute;
}

View Code

2.li中的設置

.ul1 {
    list-style-type:none;
    margin:0;
    padding:0;
}
.ul1 li {
    background: no-repeat  url(../img2/icon3.png) 5px;
    line-height: 25px;
    padding-left: 15px;
    list-style-type:none;
}
.ul1 li a{ color:#000000;}
.ul1 li a:hover{ color:#FF0000;}

View Code

posted @ 2014-02-26 17:35 qinpei 閱讀(205) 評論(0) 收藏舉報

刷新頁面返回頂部

達樂居視頻網前臺頁面的總結

公告