css一个框里三条横线

CSS是网页设计中非常重要的一个元素，可以用来控制网页的样式。其中，一个常见的设计是在一个框里添加三条横线来分隔内容，这在网页设计中非常实用。

在CSS中，我们可以通过以下代码来实现一个框里的三条横线：

.divider {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: none;
    border-left: none;
    width: 100%;
    margin: 20px 0;
    text-align: center;
}

上面的代码中，我们通过定义 .divider 这个类来实现分隔线样式。具体的解释如下：

border-top / border-bottom：定义了上、下两条横线的样式，这里我们选择了 1 像素的实线，颜色为 #ccc。

border-right / border-left：定义了左右两侧的边框样式，这里我们选择了不显示。

width：设置了分隔线的宽度为 100%，也就是占据整个容器。

margin：设置了上下边距为 20 像素。

text-align：将分隔线的内容居中对齐。

通过这些样式设定，我们就可以在网页设计中使用分隔线来增加视觉效果了。同时，我们也可以根据需要来修改上述代码中的各种属性，来达到不同样式的效果。