Question

下面是我尝试使用text-decoration：none的代码。但是，文字总是加下划线。

<html>
    <head>
    <style type="text/css">
    .search, .search_b1, .search_b2{
     display: block;
     color: #000;
     text-decoration: none;
    }
    .search_b1:hover {
     color: red;
    }
    </style>
    </head>
    <body>
    <div id="left"> 
     <a href = "#">
      <span class="search"> 
       <span class="search_b1">Text text</span> 
       <span class="search_b2">Text text</span> 
      </span> 
     </a>
    </div>
    </body>
    </html>

Answer 1

您将span元素设置为块元素。

块元素不能包含text-decoration。只有内联元素才能。

Answer 2

您需要将文本修饰应用于锚元素。

html + css文本装饰

2 个答案: