3-24如何取消默认的下划线?

来源:3-24 编程练习

皮卡丘要学习

2018-10-05 00:17:26

<!DOCTYPE html>

<html>

    <head>

    <meta charset="UTF-8">

    <title>伪类选择器</title>

    <style type="text/css">

     p{height:30px;}

        /*补充代码*/

        :link{

            color:orange;

        }

        p :hover{

            color:green;

            font-size:20px;

            border:1px solid red;

        }

        .suit:visited{

            color:green;

        }

        .wc:visited{

            color:blue;

        }

        .skin:visited{

            color:purple;

        }

    </style>

</head>

<body>

<h2>商品列表</h2>

<p class="suit">

<a href="#">衣服鞋帽</a>

</p>

    <p class="wc">

         <a href="#">厕所清洁</a>

    </p>

    <p class="skin">

         <a href="#">化妆用品</a>

    </p>     

</body>

</html>

jkra

写回答

4回答

两顆星星一片海DHB

2018-10-21

CSS样式中加入这段

a{text-decoration:none;}

0

慕粉1470845848

2018-10-13

在style中加入
a{text-decoration:none;}


0

妮可妮可妮_

2018-10-06

text-decoration 属性规定添加到文本的修饰。

http://img.mukewang.com/climg/5bb8238400017d8805380198.jpg

去除下划线可以使用text-decoration:none;

http://img.mukewang.com/climg/5bb823d9000171a602100071.jpg

祝学习愉快!

0

宝慕林842399

2018-10-06

文字修饰属性

text-decoration:underline;添加下划线

text-decoration:none;取消下划线


0

0 学习 · 36712 问题

查看课程