请老师看下是否有错误,代码能否优化,谢谢老师

来源:2-6 编程练习

慕仰1291499

2022-04-01 13:58:59

<!DOCTYPE html>

<html>


<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>

        h1 {

            color: rgba(0, 255, 0, .5);

        }


        a {

            text-decoration: none;

        }


        para2 {

            text-decoration: underline;

        }


        para6 {

            text-decoration: underline;

        }


        para10 {

            text-decoration: underline;

        }


        span {

            color: yellow;

        }

    </style>

</head>


<body>

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

    <p class="para1">

        <a href="">热门/</a>

        <a href="">最新/</a>

        <a href="">好友</a>

    </p>

    <p class="para2"></p>

    <p class="para3"><a href="">罗红霉素</a><span>★★★★★</span>2010-07-26</p>

    <p class="para4">有人跟我比赛背台词么</p>

    <p class="para5">阅读:1615<a href="">有用</a></p>

    <p class="para6"></p>

    <p class="para7"><a href="">十七只猫和鱼</a><span>★★★★★</span>2010-07-26</p>

    <p class="para8">有人跟我比赛背台词么</p>

    <p class="para9">阅读:1615<a href="">有用</a></p>

    <p class="para10"></p>

    <p class="para11"><a href="">暖家男</a><span>★★★★★</span>2010-07-26</p>

    <p class="para12">一定有一些电影,永远不能被超越</p>

    <p class="para13">阅读:1615<a href="">有用</a></p>

</body>


</html>


写回答

1回答

好帮手慕慕子

2022-04-01

同学你好,效果实现是可以的,建议优化:

1、添加color属性设置a标签的文字颜色

https://img.mukewang.com/climg/6246a0860989ffab04440201.jpg

2、已经去掉a链接的下划线,不用再针对段落设置text-decoration属性了,另外,值得注意的是类选择器前要添加点,代码中的para2类名前缺少点。下面这段代码可以去掉

https://img.mukewang.com/climg/6246a0d409df0f4e06410402.jpg

祝学习愉快~

1

0 学习 · 15276 问题

查看课程