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

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

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

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

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

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


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咨詢,專業客服為您解疑答惑
聯系銷售
15899750475
在線咨詢
聯系在線客服,為您解答所有的疑問
主站蜘蛛池模板: 两个人视频www| 一个人的bd国语高清在线观看| 免费a级毛片出奶水| 男女一边摸一边做爽视频| 日韩一卡2卡3卡4卡乱码网站导航 精品一区二区三区免费播放 | 色综合久久一区二区三区| 免费看片a级毛片免费看| 少妇被cao高潮呻吟声| 人妻丰满av无码久久不卡| 99精产国品一二三产区| 免费观看的av毛片的网站| 亚洲午夜国产精品无码| 免费夜色污私人影院在线观看| 狠狠躁日日躁夜夜躁2020| 一区二区三国产精华液| 日本不卡高字幕在线2019 | 欧美性生交活xxxxxdddd| 日日摸日日碰夜夜爽av| 日韩精品 在线 国产 丝袜| 中文字幕 亚洲精品 第1页| 国内精品久久久久国产盗摄| av国产精品| 女人被爽到呻吟gif动态图| 免费精品99久久国产综合精品| 国产精品+日韩精品+在线播放| 精品久久久久久综合日本| 欧美野外疯狂做受xxxx高潮| 亚洲m码欧洲s码sss222 | 亚洲狠狠婷婷综合久久| 大地资源高清播放在线观看| 亚洲av无码国产在丝袜app| 麻豆高清免费国产一区| 特级精品毛片免费观看| 在线精品亚洲一区二区绿巨人 | 国产99久一区二区三区a片| 两个人免费视频www| 挺进邻居丰满少妇的身体| 亚洲av片不卡无码久久| 国产精品无码永久免费不卡| 18禁无遮挡啪啪无码网站| 公车上的人妻沦陷完整版|