css怎样设置div背景色渐变

 时间:2024-10-12 16:08:18

1、举个例子,既然是要设置div渐变,所以我们就需要先使用一个div标签。

css怎样设置div背景色渐变

2、然后在header标签里面设置<div>标签的css样式。

css怎样设置div背景色渐变

3、颜色渐变要有一个范围,所以小伙伴们需要给div设定width和height,也就是宽度和高度。

css怎样设置div背景色渐变

4、然后设定div的background背景属性,如图所示,背景颜色渐变就用到-webkit-linear-gradient。

css怎样设置div背景色渐变

5、接着,在-webkit-linear-gra蟠校盯昂dient里面写top,设定渐变从顶部开始,到底部结束。在这里需要注意的是,写了top就不要写bottom了哦。

css怎样设置div背景色渐变

6、之后,再设定颜色的渐变顺序,比如我设置了从白色渐变到蓝色。温馨提示,颜色可以设定多个的哦。

css怎样设置div背景色渐变

7、做完这些之后,div背景渐变就成功了哦,是不是很有层次感呢?

css怎样设置div背景色渐变
  • CSS怎么设分别置大DIV里面的3个并排小DIV靠左 居中 靠右!
  • css如何把input搜索框做成圆角
  • css中如何实现button垂直居中
  • css如何将背景图片设置在div的左下角
  • HTMLcss怎样让div固定在顶部位置
  • 热门搜索
    卸磨杀驴的近义词 拂过的近义词 换发型 坚强的近义词 韩版男士发型 抖音怎么投屏到电视 强烈的近义词 新生儿感冒 男神用英语怎么说 脸上长了黄褐斑怎么办