仅在一个边界上勾勒轮廓

仅在一个边界上勾勒轮廓

大纲确实适用于整个元素。

现在，我看到了您的图像，这是实现它的方法。

.element {  padding: 5px 0;  background: #CCC;}.element:before {  content: "a0";  display: block;  padding: 2px 0;  line-height: 1px;  border-top: 1px dashed #000;}.element p {  padding: 0 10px;}<div >  <p>Some content comes here...</p></div>

（或查看 外部演示。）

所有尺寸和颜色都只是占位符，您可以对其进行更改以匹配所需的确切结果。

重要说明
：.element必须具有

display:block;

（div的默认值）才能起作用。如果不是这种情况，请提供完整的代码，以便我详细说明。