老师检查一下

老师检查一下

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        h3{

            color: green;

        }

        a{

            text-decoration:none;

        }

        .a1::after{

            content: "★★★★★";

            color: yellow;

        }

        .a2::after{

            content: "★★★★★";

            color: yellow;

        }

        .a3::after{

            content: "★★★★★";

            color: yellow;

        }

    </style>

</head>

<body>

    <div>

        <h3>大话西游之大圣娶亲的影评</h3>

        <p>

            <a href="">热门/最新/好友</a>

        </p>

    </div>

    <div>

        <p>

        <a href="" class="a1">罗弘霉素</a>

        <span>2010-07-26</span>

        <p>有人跟我比赛背台词吗</p>

        <p>

            阅读:1615

            <a href="">有用</a>

        </p>

    </div>


    <div>

        <p>

            <a href="" class="a2">十七只猫和鱼</a>

            <span>2006-04-26</span>

            <p>任何时候如何场合都可以看一遍的电影</p>

            <p>

                阅读:515

                <a href="">有用</a>

            </p>

        </p>

    </div>


    <div>

        <a href="" class="a3">暖家男</a>

        <span>2006-04-22</span>

        <p>一定有一些电影 永远的不能超越</p>

        <p>

            阅读:490

            <a href="">有用</a>

        </p>

    </div>

   

</body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
imooc_慕慕 2022-08-22 18:21:25

同学你好,整体是可以的,注意一下细节,修改参考如下:

1、缺少p的结束标签,参考如下:

https://img1.sycdn.imooc.com//climg/6303580f098b16f103390214.jpg

2、关键字:字体颜色为#009,添加代码参考如下:

https://img1.sycdn.imooc.com//climg/63035838097d15c902860129.jpg

3、五角星为橘色,其他两个同理:

https://img1.sycdn.imooc.com//climg/6303585a09d70e6a02960194.jpg

4、评论之间有水平线来区分,添加代码如下:

https://img1.sycdn.imooc.com//climg/6303588209af6f5c03660083.jpg

祝学习愉快~

  • 提问者 qq_慕前端3554356 #1

    水平线区分那个节课讲过

    2022-08-23 11:29:20
  • imooc_慕慕 回复 提问者 qq_慕前端3554356 #2

    同学你好,课程中没有单独讲水平线区分,而这个位置的效果我们只是巧妙的使用了盒子的下边框来实现此效果,边框课程视频中有讲,同学可以回顾一下,

    参考学习地址https://class.imooc.com/lesson/1953#mid=46638

    祝学习愉快~

    2022-08-23 11:50:18
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师