在 CSS 中，我该怎么做：
---Item---
破折号像一条线一样连接？
我想到：
border-bottom: 3px solid #000;
但我无法向上移动该线，而且该线将位于文本后面，而不是围绕文本
my HTML
<ul>
<li class="sub-menu-item" ><a href="#">FACULTY&STAFF</a></li>
</ul>
（如果可能的话，我想避免接触 HTML）
以上所有内容都可以通过CSS实现吗？还是我应该只使用图像？
我的目标是 ie8 及以上版本（当然还有所有新的浏览器）
注入一个—使用 CSS 之前和之后的内容:before and :after选择器。您需要使用转义的 unicode，如下所示在这里讨论:
li.sub-menu-item:before, li.sub-menu-item:after {
content: "\2014"
}
See JSFiddle。对于较短的行，您可以使用 ndash。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
