日本老熟妇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寫背景漸變顏色

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

很多時候我們在做網(wǎng)站前端頁面開發(fā)時,我們都是用單純的顏色來作為背景,比如說白色,黑色,藍(lán)色等。

但是有時候如果在定制開發(fā)的時候,設(shè)計師發(fā)來的設(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對1咨詢,專業(yè)客服為您解疑答惑
聯(lián)系銷售
15899750475
在線咨詢
聯(lián)系在線客服,為您解答所有的疑問
主站蜘蛛池模板: 最好看的最新高清中文视频| 欧洲熟妇色xxxx欧美老妇老头多毛 | 日本少妇被黑人猛cao| 麻豆精品传媒| 黑粗硬大欧美在线播放| 亚洲精品aa片在线观看国产| а∨天堂一区一本到| 色综合久久久无码中文字幕波多| 国产成人无码aⅴ片在线观看 | 亚洲精品中文字幕一区二区三区| 久久精品国产只有精品66| 日日碰狠狠躁久久躁96| 成全视频在线观看免费看| 老汉精品免费av在线播放| 暖暖视频日本在线观看| 免费a级毛片无码免费视频app| 香蕉av777xxx色综合一区| 最近免费字幕中文大全在线观看| 欧美自拍嘿咻内射在线观看| 国产色无码专区在线观看| 熟女人妇 成熟妇女系列视频| 久久天天躁狠狠躁夜夜| 亚洲热妇无码av在线播放| 一个人看的视频免费高清| 成人片黄网站色大片免费| 国产亚洲av人片在线观看| 十七岁日本电影免费粤语| 性欧洲大肥性欧洲大肥女| 中文在线√天堂| 久久久噜噜噜久久熟女aa片| 伊人热热久久原色播放www| 国产精品久久久久久久久久妞妞| 伦人伦xxx国产对白| 人妻少妇精品中文字幕av蜜桃| 成人欧美日韩一区二区三区| 日韩欧美亚洲综合久久影院d3| 色欲一区二区三区精品a片| 噜噜噜老湿私人影院| 免费裸体美女网站| 久久99精品国产99久久6不卡| 天堂在线中文网www|