这一栏怎么写，要用span还是别的方法

图示的红色和黑色部分是用span写出来的还是有其他解法

    <div style="background-color: white;padding: 20px;">
        <span style="color: darkred;font-size: 18px;font-weight: bold;border-bottom: darkred 5px solid;">专题专栏</span>

SPACIAL COVERAGE

div+span 就行

可以直接一个标题元素（h1,h2,...）+ span 就写完这块，标题包裹span,然后给标题元素设置相对定位，通过其伪元素画出下面的2根线

随便两个盒子都可以，外面套一个大盒子作弹性布局，再另外写一个选中的class，点击的时候加上去就好了