css 实现分割线

目录

实现代码如下

---

实现代码如下

div 下<div class="line  title " onclick = "showks(dat,this)">查看更多</div>

.title{ position: relative; text-align: center; overflow: hidden; font-size: 16px; color: #999;height: 20px;line-height: 18px; font-weight: 800;}
        .title::before,.title::after{ content: ''; display: inline-block; width: 100%; height: 1px; position: absolute; background: #ccc; top: 50%; }
        .title::before{ margin-left: -10px; transform: translateX(-100%); }
        .title::after{ margin-left: 10px; }
        .title:hover {cursor: pointer;}

效果 ，点击后加载更多 

———————————— 查看更多 —————————————