日本老熟妇maturebbw,最近中文mv字幕免费高清在线7,yy6080久久伦理一区二区,中文字幕人妻av一区二区,成人免费无码av,亚州av综合色区无码一区,日本xxwwwxxxx18,入室强伦轩人妻电影
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)系在線客服,為您解答所有的疑問
主站蜘蛛池模板: 久草热8精品视频在线观看| 日本熟妇大乳| 年轻人免费观看视频| 精品午夜福利在线观看| 原来的琪琪电影| 自拍偷自拍亚洲精品播放| 国产精品+欧美激情| 999久久久国产精品| 幻女free性俄罗斯毛片| 国产精品av免费观看| 久久亚洲av成人无码国产电影 | 婷婷丁香六月激情综合在线人| 欲乱人妻少妇邻居毛片| 最好看的中文在线观看| 国产精品搬运| 中文成人无码精品久久久不卡| 亚洲日产韩国一二三四区| 国产内射爽爽大片| 玩弄丰满熟妇xxxxx性视频| 春色校园综合人妻av| 亚洲中文字幕无码中字| 一本一道精品欧美中文字幕| 好男人社区资源视频在线观看| 曰韩亚洲av人人夜夜澡人人爽| 欧美疯狂party性派对| 国产成人精品亚洲线观看| 吃奶揉捏奶头高潮视频| 乱码一卡二卡新区永久入口| 亚洲国产中文在线视频| 果冻传媒在线看免费高清| 成人免费影院| 国产精品成人一区二区三区视频| 欧美∧亚洲∧日韩精品综合| 亚洲午夜精品久久久久久app | 我的公把我弄高潮了视频| aⅴ久久欧美丝袜综合| 丰满的女教师bd高清在线观看| 饥渴少妇高潮视频大全| 护士奶头又大又嫩又好摸| 丁香啪啪综合成人亚洲| 野花影视在线观看免费高清完整版韩国|