日本老熟妇maturebbw,最近中文mv字幕免费高清在线7,yy6080久久伦理一区二区,中文字幕人妻av一区二区,成人免费无码av,亚州av综合色区无码一区,日本xxwwwxxxx18,入室强伦轩人妻电影
284292114@qq.com 中國(guó)站
行業(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)系在線客服,為您解答所有的疑問
主站蜘蛛池模板: 好姑娘高清影视在线观看| 无遮挡边吃摸边吃奶边做| 国产98色在线 | 国产| 欧美肥妇bbwbbw| 久久久久久国产精品无码超碰| 亚洲国产精品久久精品| 97成人碰碰久久人人超级碰oo| 热re99久久精品国产66热| 2022精品久久久久久中文字幕 | 天天色影网| 伊人色综合久久天天人手人婷 | 精品卡一卡2卡三卡四卡乱码| 国产精品熟女高潮视频| 国模吧无码一区二区三区| а√在线地址最新版| 狠狠色噜噜狠狠狠狠777米奇| 解开人妻的裙子猛烈进入| 麻豆视传媒短视频免费| 四房播播网| 最近更新2019中文字幕高清| 成年女人看片免费视频播放人| 精品国产福利一区二区| 亚洲欧美日韩愉拍自拍| 免费99精品国产自在在线| 一区二区视频日韩免费| 拍摄av现场失控高潮数次| 成年在线观看免费人视频| 精品人妻系列无码人妻在线不卡| 骚虎视频在线观看| 亚洲国产日韩a在线欧美2020| 四房播播网站| 中文有无人妻vs无码人妻激烈| 国产精品免费看久久久| 国产黄网永久免费视频大全| 中文成人无字幕乱码精品区| 中文字幕av无码不卡免费| 国产精品成人免费视频网站京东 | 浪漫樱花免费播放高清版在线观看 | 7777久久亚洲中文字幕蜜桃| 韩国三级bd高清| 亚洲精品午夜久久久伊人|