日本老熟妇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)系在線客服,為您解答所有的疑問
主站蜘蛛池模板: 8848高清电视| 中文字幕av人妻少妇一区二区| 国产精品一区二区熟女不卡| 一个人在线观看的www片| 日本丰满少妇高潮呻吟| 日本边添边摸边做边爱| 玩弄人妻少妇500系列| 人妻精品无码一区二区三区| 精品国产一区二区三区久久狼| 欧美放荡的少妇| 欧美日韩国产精品自在自线 | 亚洲国产日韩a综合在线| 国精产品一二三区传媒公司| 色翁荡息又大又硬又粗又视频软件| 免费观看成人欧美www色| 亚洲欧美日韩综合在线丁香| 久久久久99精品成人片试看| 无遮掩60分钟从头啪到尾| 精品久久久久久无码专区不卡| 国产一区二区丝袜高跟鞋| 无码av中文一区二区三区桃花岛| 天天摸天天做天天爽水多| 国产香蕉九九久久精品免费| 五十路熟女一区二区三区| 日本高清视频网站www| 啦啦啦啦在线视频免费播放6| 麻花传媒md034苏蜜清歌| 99久久婷婷国产综合亚洲| 初尝黑人嗷嗷叫中文字幕| 激情综合色五月丁香六月亚洲| 日韩av一中美av一中文字慕| 好男人www社区| 亚洲毛片无码专区亚洲乱| 国产亚洲人成无码网在线观看| 午夜理论片yy6080私人影院| 高清videosgratis日本| xxxx日本少妇做受| 男人激烈吮乳吃奶视频免费| 中文字幕无码一区二区免费| 国产亚洲成av人片在线观黄桃| 人xxxx性xxxxx欧美|