国产av系列一区二区三区-视频一区二区人妻少妇-热99/99热这里只有精品-日韩在线观看毛片-久久精品亚洲国产av未满十八-欧美日韩亚洲中文字幕-日韩在线免费激情视频-加勒比亚洲天堂av-中文字幕人妻免费蜜桃,国产在91久久久久,91麻豆精品传媒国产网站,丁香色综合久久婷婷

很多時(shí)候我們?cè)谧鼍W(wǎng)站前端頁面開發(fā)時(shí)，我們都是用單純的顏色來作為背景，比如說白色，黑色，藍(lán)色等。

但是有時(shí)候如果在定制開發(fā)的時(shí)候，設(shè)計(jì)師發(fā)來的設(shè)計(jì)稿，背景顏色為漸變色。

此時(shí)我們考慮到有兩種解決方案。

1：背景直接用圖片，即漸變的背景圖片。

比如說我們先準(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è)。