javascript - HTML/CSS 下划线全宽

enter image description here 我想弄清楚如何在不在段落中添加
的情况下使每行的下划线/边框全宽。有没有人知道我应该如何处理这个问题？

到目前为止，我有两个解决方案是添加它或创建它的图像，但这不是理想的情况。

感谢任何帮助，谢谢。

HTML

<p>We are always on the lookout for great talent. Please send in your resume or portfolio to test@test.com. The following positions are open.</p>

CSS

p {
    border-top: thin soild #000;
}

最佳答案

如果行高是固定的，你可以用渐变来实现:

p{
  line-height: 20px;
  color: #333;
  background-image: 
    repeating-linear-gradient(180deg, transparent, transparent 19px, #333 20px);
}

关于javascript - HTML/CSS 下划线全宽，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20916586/