2010-12-18 129 views
1

爲什麼不工作文字裝飾:無?hmlt + css不工作文字裝飾

在文字上始終是下劃線。

<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

您將span元素設置爲塊元素。

塊元素不能有text-decoration。只有內聯元素可以。

+0

我認爲你的意思是border-bottom:none;在這個特殊的情況下。 – 2010-12-18 21:31:18

+0

請注意,不幸的是,如果文本換行到新行,'border-bottom'技巧不起作用。 – tenfour 2010-12-18 21:31:41

+0

這是真正的tenfour :-) – janhartmann 2010-12-18 21:32:26

2

您需要將文本修飾應用於錨點元素。

+0

這裏是一個例子:http://jsfiddle.net/s6XjW/ – rcravens 2010-12-18 21:33:43

+0

正如我在其他評論(對不起,我先閱讀答案)說,可以使用:{text-decoration:none; } – 2010-12-18 21:42:41