代码:

<div style="background:linear-gradient(to left,#FFFFFF,#b6b6b6,#FFFFFF);height:1px;"></div>

 

使用background属性中的渐变参数,linear-gradient,通过参数定义渐变色,定义一个从左到右的渐变,颜色顺序为#FFFFFF-->#FF0000-->#FFFFFF,高度为1px,便可得到一条渐变过渡的分割线。

 

效果如下:

CSS 定义一条渐变优雅的分割线

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-08-28
  • 2021-12-01
  • 2021-06-15
  • 2021-08-07
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-11-23
  • 2022-12-23
  • 2021-12-15
  • 2021-09-09
相关资源
相似解决方案