<form id="hz9zz"></form>
    • <form id="hz9zz"></form>
    

      

      <nobr id="hz9zz"></nobr>
      <form id="hz9zz"></form>
      3.   
          
      明輝手游網中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！
                   
        
                           
        
                        		  
        
                 
              
                
      如何使用text-decoration
                
                  發表時間：2023-12-27             來源：明輝站整理相關軟件相關文章人氣：          
              
      [摘要]我們在網頁里常常會使用使用CSS代碼來對象文字內容加上下劃線。那么我們就要用到text-decoration了 ，如何使用呢？今天我們給大家好好介紹一下。使用CSS屬性單詞：text-decoration : none    underline    blink    overline    li...
      我們在網頁里常常會使用使用CSS代碼來對象文字內容加上下劃線。那么我們就要用到text-decoration了 ，如何使用呢？今天我們給大家好好介紹一下。
      使用CSS屬性單詞：
      text-decoration : none    underline    blink    overline    line-through 
      text-decoration下劃線CSS單詞值參數：
      none : 　無裝飾
      blink : 　閃爍
      underline : 　下劃線
      line-through : 　貫穿線
      overline : 　上劃線
      text-decoration:none 無裝飾，通常對html下劃線標簽去掉下劃線樣式
      text-decoration:underline 下劃線樣式
      text-decoration:line-through 刪除線樣式-貫穿線樣式
      text-decoration:overline 上劃線樣式
      HTML常規下劃線標簽
      在HTML u標簽下劃線標簽“U”即可對對象文字加html下劃線。
      實例：
      <u>我被U標簽加下滑線</u>
      CSS控制對象下劃線屬性樣式  
      html u下劃線與CSS下劃線對比應用案例
      CSS去掉html標簽劃線樣式
      如果我們想去掉對應html中刪除線s標簽刪除線樣式、去掉html u下劃線、去掉html上劃線樣式。
      1、去掉html s刪除線貫穿線樣式
      .p s{text-decoration:none}
      去掉p類對象盒子里html s標簽樣式屬性
      2、去掉html u下劃線樣式
      .p u{text-decoration:none}
      去掉p類對象盒子里u標簽下劃線線樣式屬性
        五、超鏈接下劃線高級運用 -  TOP
      我們接下來為大家講解常見CSS 超鏈接,當隨便經過時候文字對象被加下劃線。
      代碼如下：
       <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html;
 charset=utf-8" /> 
<title>下劃線演示</title> 
<style> 
.yangshi a{ text-decoration:none;}
/* css注釋： 鼠標經過熱點文字被加下劃線 */ 
.yangshi a:hover{ text-decoration:underline;}
/* 鼠標經過熱點文字被加下劃線 */ 
</style> 
</head> 
<body> 
<p> 
<span class="yangshi"> 
<a href="http:/www.php.cn">p</a> 
</span> 
</p> 
</body> 
</html>
      請將以上代碼復制新建HTML即可查看該實例樣式。
      我們進行對3個盒子對象分別設置對象內文字下劃線、文字刪除線樣式、字體上劃線樣式。
      1、css代碼片段：
      .p{text-decoration:underline} 
      .p_1{text-decoration:line-through} 
      .p_2{text-decoration:overline} 
      2、html代碼片段：
      <p class="p">我被加下劃線</p> 
      <p class="p_1">我被加貫穿刪除線</p> 
      <p class="p_2">我被加上劃線</p> 
      介紹了這么多相信大家已經掌握了text-decoration，有需要的朋友可以保存一下，也請大家持續關注本站的其他更新。
      相關閱讀：
      html的注釋有什么作用

      CSS里怎么清除浮動

      html中的label標簽使用方法
      以上就是如何使用text-decoration的詳細內容，更多請關注php中文網其它相關文章！
      				
				
      網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




              
              
                 
              
                                            
                              		       
                          
                           		  
        
                            
      
日韩精品一区二区三区高清