我正在尝试制作一个带有一些文本的水平分隔线。 例如：
----------------------------------- 这里是我的标题 -----------------------------
有没有办法在CSS中实现这个效果？显然不需要使用所有的"-"破折号。
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
2
806
收藏
这大致是我会这样做的：通过在包含的
h2上设置border-bottom，然后给h2设置较小的line-height来创建线条。然后将文本放在一个嵌套的span中，具有非透明的背景。h2 { width: 100%; text-align: center; border-bottom: 1px solid #000; line-height: 0.1em; margin: 10px 0 20px; } h2 span { background:#fff; padding:0 10px; }