html+css文本装饰_Html_Css - Fatal编程技术网

html+css文本装饰

html css

html+css文本装饰,html,css,Html,Css,下面是我尝试使用文本装饰的代码：无。但是，文本始终带有下划线 <html> <head> <style type="text/css"> .search, .search_b1, .search_b2{ display: block; color: #000; text-decoration: none; } .search_b1:hover { color: red; }

下面是我尝试使用文本装饰的代码：无。但是，文本始终带有下划线

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

将跨度图元设置为块图元

块元素不能具有文本装饰。只能使用内联元素

将跨度元素设置为块元素

块元素不能具有文本装饰。只能使用内联元素

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

我认为您的意思是边框底部：无；在这个特殊的情况下。请注意，如果文本换行到新行，很不幸，边框底部技巧不起作用。或者只需执行以下操作：a{text decoration:none；}我想您的意思是边框底部：none；在这个特殊的情况下。请注意，如果文本换行，很不幸，边框底部技巧不起作用。或者只需执行：a{text decoration:none；}正如我在另一条评论中所说的抱歉，我首先阅读答案，这可以通过使用：a{text decoration:none；}实现。正如我在另一条评论中所说的抱歉，我首先阅读答案，这可以通过使用{text-decoration:none；}实现