您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

仅在一个边界上勾勒轮廓

仅在一个边界上勾勒轮廓

大纲确实适用于整个元素

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

.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 class="element">

  <p>Some content comes here...</p>

</div>

(或查看 外部演示。

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

:.element必须具有display:block;(div的认值)才能起作用。如果不是这种情况,请提供完整的代码,以便我详细说明。

其他 2022/1/1 18:17:04 有523人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶