/* 1. 横线 */ hr { border: none; border-top: 1px solid #ccc; } /* 2. 虚线 */ hr.dashed { border-style: dashed; } /* 3. 双线 */ hr.double { border-style: double; } /* 4. 点线 */ hr.dotted { border-style: dotted; } /* 5. 阴影 */ hr.shadow { box-shadow: 0 0 5px #ccc; height: 1px; }
以上是常见的分割线样式,可以根据需要进行修改。同时,大家可以通过修改样式表中的颜色和粗细来适应不同网页设计的需求。