Question

即使没有文字，我也希望为具有特定宽度的段落加下划线。那可能吗？我的css段落类：

 width: 100px;
  line-height: 20px;
  color: #333;
  background-image: 
    repeating-linear-gradient(180deg, transparent, transparent 19px, #333 20px);
    text-align: center;

我从此处发布的另一个问题中得到了这个问题，但问题是如果没有文字则不会加下划线。

感谢您的帮助。

Answer 1

尝试使用`

p{
    width: 300px;
    border-bottom: 1px solid black;
}

<p>Some text</p>
<p></p>

`

Answer 2

您可以使用CSS border-bottom属性为任何HTML元素添加下划线。实际上，它并不是真正的下划线。它只是沿着元素底部运行的边框。这是一个例子：

<p style="border-bottom:1px solid black;">This paragraph has a bottom border.</p>

我认为这应该适合你。

Answer 3

只需撰写

即可

<p class="MyP">&nbsp;</p>

供参考：https://plnkr.co/edit/QfXSzWlcfbvgxePKOqLU?p=preview？

CSS强调段落没有文字

3 个答案: