css中怎么画分割线

在CSS中，画分割线是一个非常常见的需求，我们可以使用border实现它。下面是一些常用方法。

.hr {
    border-top: 1px solid #ccc;
} 

这是最普通的方法，border-top代表上边框，1px表示边框粗细，solid表示边框样式，#ccc表示边框颜色。我们可以根据需要来调整这些值。

.hr {
    width: 100%;
    height: 1px;
    background-color: #ccc;
} 

这个方法和第一个基本一致，只是采用了background-color背景色的方式填充整个宽度，在一些场景下可能更加方便。需要注意的是，这个方法需要设置height属性。

.hr {
    height: 2px;
    background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
} 

这种方法使用了background-image的线性渐变方式，画出了一条彩虹色的分割线。可以根据需求调整颜色和方向，达到非常炫酷的效果。

综上，我们可以根据需求来选择适合自己的画分割线的CSS方法，通过border、background-color以及background-image，实现自己想要的效果。