當前位置:妙知谷 >

遊戲數碼 >互聯網 >

CSS設置DIV背景色漸變顯示

CSS設置DIV背景色漸變顯示

操作方法

打開軟件
可以使用Dreamweaver或Visual studio軟件,比如打開VS軟件,如下圖所示:

CSS設置DIV背景色漸變顯示

創建一個DIV
然後在body主體中創建一個div名為【a】, <div class="a">DIV</div>,如下圖所示:

CSS設置DIV背景色漸變顯示 第2張

設置屬性
然後設置div的屬性,比如高度、寬度和顏色等等,如下圖所示:

CSS設置DIV背景色漸變顯示 第3張

背景漸變色
然後設置背景漸變色,代碼如下圖:
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#0000ff));
其中:linear-gradient()是用來創建線性漸變的語句。

CSS設置DIV背景色漸變顯示 第4張

預覽效果
點擊預覽圖標,在瀏覽器中的顯示效果圖如下所示:

CSS設置DIV背景色漸變顯示 第5張
CSS設置DIV背景色漸變顯示 第6張
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/hulianwang/rqd02.html