日本老熟妇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)系在線客服,為您解答所有的疑問
主站蜘蛛池模板: 午夜丰满少妇性开放视频| av网站免费线看精品| 欧美a级做爰片| 成人午夜福利视频| 凹凸国产熟女精品视频app| 国产熟妇高潮呻吟喷水| 少妇高潮抽搐在线视频| 多人伦交性欧美| 两个奶头被吃高潮视频| 亚洲av极品视觉盛宴| 18+国产精品| 97久久超碰福利国产精品…| 免费a级毛片无码专区| 在教室伦流澡到高潮hnp| 国产精品夜夜春夜夜爽久久| 青青青国产免费线在| www内射国产在线观看| 亚洲色偷偷综合亚洲av伊人| 免费a级毛片18以上观看精品| 人摸人人人澡人人超碰97| 开小花苞好爽紧嫩| 99精品久久久久久久婷婷| 国产精品免费精品自在线观看 | 香蕉av777xxx色综合一区 | 中出老熟女中文字幕| 欧美潮喷videosvideo | 少女たちよ在线观看完整版动漫| 国产熟妇的荡欲午夜视频| 国产69精品久久久久9999| 女人裸身j部免费视频无遮挡| 无码精品人妻一区二区三区av| 欧美激情一区二区三区高清视频| 日韩加勒比一本无码精品| 国产在线精品一区二区不卡麻豆| 男男h黄漫画啪啪无遮挡| 国产亚洲无线码一区二区| 国产午夜手机精彩视频| 9l国产精品久久久久麻豆| 曰韩亚洲av人人夜夜澡人人爽| 国产99在线 | 亚洲| 强乱中文字幕在线播放不卡|