日本老熟妇maturebbw,最近中文mv字幕免费高清在线7,yy6080久久伦理一区二区,中文字幕人妻av一区二区,成人免费无码av,亚州av综合色区无码一区,日本xxwwwxxxx18,入室强伦轩人妻电影
284292114@qq.com 中國站
行業(yè)新聞 網(wǎng)站建設 網(wǎng)絡推廣 首頁>新聞中心>網(wǎng)站建設

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

時間:2020-02-28   訪問量:0

很多時候我們在做網(wǎng)站前端頁面開發(fā)時,我們都是用單純的顏色來作為背景,比如說白色,黑色,藍色等。

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

此時我們考慮到有兩種解決方案。


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

QQ截圖20200228104802.jpg

比如說我們先準備一張這樣從左到右漸變的背景圖片命名為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 );
}


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

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

服務咨詢
1對1咨詢,專業(yè)客服為您解疑答惑
聯(lián)系銷售
15899750475
在線咨詢
聯(lián)系在線客服,為您解答所有的疑問
主站蜘蛛池模板: 毛片无遮挡高清免费| 在线天堂新版最新版在线8| 天堂av亚洲av一二三区| 亚洲夜色噜噜av在线观看| 欧美a级做爰片| 中国亚州女人69内射少妇| 国内最真实的xxxx人伦| 中文字幕亚洲综合久久综合| 日本韩国男男作爱gaywww| 人人av| 人善交oooooo另类毛片| 特级做a爰片毛片免费69| 久精品国产欧美亚洲色aⅴ大片| 张雨绮被揉到高潮下不了床| 久久精品国产精品| 欧美性猛少妇xxxxx免费| 日本不卡在线视频二区三区| 邻居少妇张开双腿让我爽一夜| 边做边爱完整版| 国产精品久久久久久亚洲毛片| 欧美精品一产区二产区| 性少妇tubevⅰdeos高清| 隔壁老王国产在线精品| 免费特黄夫妻生活片| 亚洲人成人网站18禁| 一个人看的www免费高清视频 | 成人欧美一区二区三区的电影| 无码精品一区二区三区免费视频| 99热久久这里只有精品| 成人乱人乱一区二区三区| 亚洲av成人综合网在线观看| 亚洲αv久久久噜噜噜噜噜| 人妻无码中文字幕免费视频蜜桃| 《熟妇的荡欲》未删减版| chinesemature老熟妇高潮| 欧美《熟妇的荡欲》在线观看| 国产成人精品手机在线观看| 欧美大肥婆大肥bbbbb| 熟妇人妻无乱码中文字幕| 欧美国产日韩亚洲中文| 欧美v国产v亚洲v日韩九九|