css制作线条
使用 border 属性制作线条
在 CSS 中，可以通过 border 属性快速创建线条。例如，创建一个 1px 的黑色实线：
.line {
border-top: 1px solid black;
}border 属性可以调整线条的粗细、样式和颜色。支持的样式包括 solid（实线）、dashed（虚线）、dotted（点线）等。
使用伪元素制作线条
伪元素 ::before 或 ::after 可以灵活地添加线条，尤其是在需要动态控制线条位置或样式时：
.element::after {
content: "";
display: block;
width: 100%;
height: 2px;
background-color: #333;
margin-top: 10px;
}使用线性渐变制作线条
linear-gradient 可以创建更复杂的线条效果，比如渐变色线条或虚线：
.gradient-line {
height: 1px;
background: linear-gradient(to right, transparent, #000, transparent);
}使用 box-shadow 制作线条
box-shadow 可以生成投影线条，适合需要特殊效果的场景：
.shadow-line {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}使用 SVG 制作线条
SVG 适合绘制复杂的线条或路径，支持动态调整曲线和样式：
<svg width="100%" height="1">
<line x1="0" y1="0" x2="100%" y2="0" stroke="#000" stroke-width="1" />
</svg>使用 outline 制作线条
outline 属性可以快速为元素添加外边框线条，但不会影响布局：
.outline-line {
outline: 1px dashed red;
}
