开发者社区> 问答> 正文

一条线两边有短线的样式表怎么写?

图片的蓝线我想到的是单独用div写。

<div>abacedfg</div>
<div class="蓝线"></div>

我想直接在<div>abacedfg</div>这个div直接画出这样的线,这样少了一个div标签了。不知道css有没有技巧能画出这样两边有短线。
screenshot

展开
收起
杨冬芳 2016-05-31 10:58:16 1996 0
1 条回答
写回答
取消 提交回答
  • IT从业

    一个<div>就可以做好:
    screenshot
    使用了一个伪元素 ::before

    2019-07-17 19:21:33
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载