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

網站建設中使用CSS寫背景漸變顏色

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

很多時候我們在做網站前端頁面開發(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 );
}


如此,背景漸變效果就實現了。

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

服務咨詢
1對1咨詢,專業(yè)客服為您解疑答惑
聯系銷售
15899750475
在線咨詢
聯系在線客服,為您解答所有的疑問
主站蜘蛛池模板: 国产av激情无码久久| jizz中国jizz免费| 亚洲日韩一区精品射精| 伊人精品成人久久综合| 国产精品一区二区在线观看| 国产成人亚洲精品无码车a| 久久精品国产亚洲av九| 玩弄丰满少妇人妻视频| 成人精品视频一区二区三区| 无码人妻精品一区二区在线视频| 亚洲熟妇丰满多毛xxxx| 国产欧美亚洲国产一区二区三区| 粗长挺进新婚人妻小怡| 性欧美videofree高清极品| 先锋五月婷婷丁香草草| 色欲色香天天天综合网www | 成全视频在线观看免费高清动漫视频下载| 国产成人无码av在线播放dvd| yw193尤物视频| 亚洲成熟女人毛毛耸耸多| 亚洲欧美成人精品香蕉网| 久本草在线中文字幕亚洲| 黑人操亚洲女人| 精品亚洲欧美无人区乱码| 2021国产精品视频网站| 天堂а√在线中文在线| 少妇夜夜爽夜夜春夜夜高潮| 亚洲欧美日韩在线一区| 国产免费午夜福利片在线| 大地资源在线观看免费中文版| 国产精品久久久久久| 国产真实愉拍系列在线视频| 国产午夜无码视频在线观看| 成人性生交大片免费看中文| 国产成人午夜福利在线观看| 中文日产幕无线码一二三四区| 玩弄人妻少妇精品视频| 女厕 偷窥 voyeur| 好爽…又高潮了毛片喷水| 国产精品日日做人人爱| 成人片黄网站色大片免费观看app|