当前位置:常识集 > 数码游戏 > 互联网 > CSS设置DIV背景色渐变显示
手机版

CSS设置DIV背景色渐变显示

来源:常识集 阅读:2.83W 次

操作方法

打开软件
可以使用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://www.changshiji.com/smyx/hulianwang/jenm1.html

Copyright © 2024. 常识集 All right reserved. 浙ICP备20202586号-2

文字美图素材,版权属于原作者。部分文章内容由网友提供推送时因种种原因未能与原作者联系上,若涉及版权问题,敬请原作者联系我们,立即处理。