CSS伪类的使用：标题下划线的纯CSS代码

        .title {
            color: #fff;
            font-size: 20px;
            line-height: 40px;
            height: 40px;
            text-align: center;
            position:relative;
        }
        .title:after {
            position: absolute;
            content: "";
            width: 30%;
            height: 1px;
            background: #fff;
            left: 35%;
            opacity: .4;
            bottom: 0;
        }