第一种
<h2>大话西游之大圣娶亲的影评</h2>
    <a href="">热门</a>/
    <a href="">最新</a>/
    <a href="">好友</a>
    <div class="line"></div>
    <ul>
        <li>
            <div class="p1">
                <a href=""class="spec" >罗弘霉素</a>
                <span>2010-07-26</span>
            </div>
            <p>有人跟我比赛背台词吗</p>
            <div class="p2">
                <p>阅读：1615<a href="" class="use" >有用</a></p>
            </div>
            <div class="line"></div>  
        </li>
        <li>
            <div class="p1">
                <a href="" class="spec">十七只猫和鱼</a>
                <span>2006-04-26</span>
            </div>
            <p>任何时候任何场合都可以再看一遍的电影</p>
            <div class="p2"> 
                <p>阅读：515<a href="" class="use">有用</a> </p>
            </div>
            <div class="line"></div>
        </li>
        <li>
            <div class="p1">
                <a href="" class="spec">暖家男</a>
                <span>2006-04-22</span>
            </div>
            <p>一定有一些电影 永远都不能被超越</p>
            <div class="p2">
                <p>阅读：490<a href="" class="use">有用</a> </p>
            </div>
            <div class="line"></div>
        </li>
    </ul>

*{
            margin: 0;
            padding: 0;
        }
        ul{
            list-style: none;
        }
        a{
            text-decoration: none;
            color: #009;
        }
        h2{
            color: rgb(6, 150, 6);
            margin-bottom: 20px;
        }
        .line{
            border-bottom: 2px solid #000;
        }
        .p1,.p2,p{
            margin: 10px 0 10px;
        }
        li .p1 a.spec{
            font-size: 16px;
        }
        a.spec::after{
            content: '★★★★★';
            color: orange;
        }
        a.use{
            margin-left: 10px;
        }

第二种

<div class="title">
        <h2>大话西游之大圣娶亲的影评</h2>
        <div class="keyword">
            <a href="">热门</a>/
            <a href="">最新</a>/
            <a href="">好友</a>
        </div>
    </div>
    <div class="line"></div>
    <dl>
        <dt>
            <a href="">罗弘霉素</a> 
            <span>2010-07-26</span>
        </dt>
        <dd>有人跟我比赛背台词吗</dd>
        <dd>
            <span>阅读：1615</span> 
            <a href="">有用</a>
        </dd>
    </dl>
    <div class="line"></div>
    <dl>
        <dt>
            <a href="">十七只猫和鱼</a> 
            <span>2006-04-26</span>
        </dt>
        <dd>任何时候任何场合都可以再看一遍的电影</dd>
        <dd>
            <span>阅读：515</span> 
            <a href="">有用</a>

        </dd>
    </dl>
    <div class="line"></div>
    <dl>
        <dt>
            <a href="">暖家男</a> 
            <span>2006-04-22</span>
        </dt>
        <dd>一定有一些电影 永远都不能被超越</dd>
        <dd>
            <span>阅读：490</span> 
            <a href="">有用</a>
        </dd>
    </dl>
    <div class="line"></div>

    <style>
        *{
            margin: 0;
            padding: 0;
        }
        a{
            text-decoration: none;
            color: #009;
        }
        dl,dt,dd{
            margin: 10px 0 10px;
        }
        .title{
            margin-bottom: 10px;
        }
        .title h2{
            color: #00f221;
            margin-bottom: 10px;
        }
        .line{
            border-bottom: 2px solid #000;
            margin-top:  10px; ;
        }
        dl dt a::after{
            content: '★★★★★';
            color: rgb(212, 124, 9);
        }
        dl dd a{
            margin-left: 10px;
        }
    </style>