css3水平线设置 |css文字居div底

/* 设置单条水平线 */
hr {
border: none; /* 删除默认的边框 */
border-top: 1px solid #000; /* 设置上边框的样式为实线，颜色为黑色 */
}
/* 设置双条水平线 */
hr.double {
border: none;
border-top: 3px double #000; /* 上边框设置为双线样式，粗细为3px，颜色仍为黑色 */
}

上面的代码中，大家首先通过设置边框为none来去掉水平线的默认边框样式，然后再通过设置border-top来添加上边框的样式。在第一个例子中，大家只设置了一条实线的水平线，而在第二个例子中，通过给hr元素添加class为double来设置了双线的样式。具体的边框样式和颜色可以根据自己的需要来设置。

除了设置水平线的样式外，大家还可以通过改变边框的宽度来改变水平线的粗细。例如：

/* 设置较粗的水平线 */
hr.thick {
border: none;
border-top: 5px solid #000; /* 上边框设置为5px粗的实线，颜色为黑色 */
}
/* 设置较细的水平线 */
hr.thin {
border: none;
border-top: 1px solid #ccc; /* 上边框设置为1px细的实线，颜色为灰色 */
}

通过以上样式设置，大家可以在网页中添加不同样式的水平线，使得网页的外观更加美观和精致。