CSS可以定义水平线的样式。使用<hr>标记可以创建水平线,但是默认样式可能不是自己想要的。使用CSS可以自定义水平线的样式。
可以将<hr>标记放在一个容器元素中,然后为容器元素定义样式。
.container { border-bottom: 2px solid #ccc; }
如果想要定义更多的样式,可以使用CSS的伪元素::before和::after来添加内容到<hr>标记。例如:
hr { height: 1px; border: none; position: relative; } hr::before { content: ""; display: block; position: absolute; top: -5px; left: 0; width: 100%; height: 5px; background-color: #ccc; } hr::after { content: ""; display: block; position: absolute; top: 1px; left: 0; width: 100%; height: 5px; background-color: #ccc; }
这样就可以创建一个高度为1像素、颜色为灰色、上下各有一条5像素高的线的水平线。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。