夜夜嗨av一区二区,操白虎小穴视频,破解国产亚洲激情AV,欧美美女裸体视频网

284292114@qq.com 中國站
行業(yè)新聞 網(wǎng)站建設(shè) 網(wǎng)絡(luò)推廣 首頁>新聞中心>網(wǎng)站建設(shè)

網(wǎng)站建設(shè)中使用CSS寫背景漸變顏色

時(shí)間:2020-02-28   訪問量:0

很多時(shí)候我們?cè)谧鼍W(wǎng)站前端頁面開發(fā)時(shí),我們都是用單純的顏色來作為背景,比如說白色,黑色,藍(lán)色等。

但是有時(shí)候如果在定制開發(fā)的時(shí)候,設(shè)計(jì)師發(fā)來的設(shè)計(jì)稿,背景顏色為漸變色。

此時(shí)我們考慮到有兩種解決方案。


1:背景直接用圖片,即漸變的背景圖片。

QQ截圖20200228104802.jpg

比如說我們先準(zhǔn)備一張這樣從左到右漸變的背景圖片命名為bg1.jpg

然后在CSS中這樣寫:

.bg1{
   width:100%;
   height:30px;
   background:url(bg1.jpg) no-repeat;
}



2: 我們利用CSS 3的新特性直接用CSS寫漸變背景。

.bg{
   width:100%;
   height:30px;
    background-color: #29bbc3!important;
    background: -moz-linear-gradient(left, #29bbc3!important 0%, #7dd5d5 100%);
    background: -webkit-gradient(linear, left left, left right, color-stop(0%,#29bbc3), color-stop(100%,#7dd5d5));
    background: -webkit-linear-gradient(left, #29bbc30 0%,#7dd5d5 100%);
    background: -o-linear-gradient(left, #29bbc3 0%,#7dd5d5 100%);
    background: -ms-linear-gradient(left, #29bbc3 0%,#7dd5d5 100%);
    background: linear-gradient(to right, #29bbc3 0%,#7dd5d5100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29bbc3', endColorstr='#7dd5d5',GradientType=0 );
}


如此,背景漸變效果就實(shí)現(xiàn)了。

在網(wǎng)站建設(shè)過程中,如果你有其他問題,歡迎與我們交流。這里是成都黑馬視覺網(wǎng)站建設(shè)。

服務(wù)咨詢
1對(duì)1咨詢,專業(yè)客服為您解疑答惑
聯(lián)系銷售
15899750475
在線咨詢
聯(lián)系在線客服,為您解答所有的疑問
ARE YOU INTERESTED IN ?
感興趣嗎?

有關(guān)我們服務(wù)的更多信息,請(qǐng)聯(lián)系項(xiàng)目經(jīng)理

15899750475 楊先生

人人看人人| 久久久久久久综合日本| 国产精品成人无码久久久久久| 一道本av| 欧美a一级| 欧美性一区| 国产精品v欧美精品v日韩| 日韩xxx| 国产欧美精品一区二区三区| 久久伊| 久久久久免费视频| 老色69久久久久精品高潮| 亚洲熟妇无码乱子AV电影| 国产成人无码免费看片软件| 国产精品免费综合久久久| 丰满的少妇愉情HD高清果冻传媒| 国产精品自产拍在线观看| 欧美乱大交XXXXX潮喷| 亚洲人成网站在线观看69影院| 国产成人精品一区二三区在线观看| 久久无码中文字幕东京热| 亚洲va中文字幕不卡无码| 女人扒开屁股让男人桶| 欧美性猛交XXXX乱大交极品| 末成年女AV片一区二区丫| 久久国产精品一国产精品| 欧美xxxxx精品| 精品无码国产自产拍在线观看蜜| 国产乱码精品一区二区三区中文| 亚洲天堂2017无码中文| 亚洲精品无码不卡| 亚洲国产欧美在线看片一国产| 激情国产Av做激情国产爱| 欧美国产日韩a在线视频| 亚洲成AV人片天堂网无码| 国产综合无码一区二区色蜜蜜| 亚洲一区二区三区国产精华液| 北条麻妃国产九九九精品视频| 亚洲午夜久久久精品影院| 亚洲人成网亚洲欧洲无码久久| 无码区日韩特区永久免费系列|