html + css文本装饰

时间:2010-12-18 21:26:45

标签: html css

下面是我尝试使用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>

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:2)

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

相关问题