萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> DIV CSS如何給文字字體添加下劃線？

DIV CSS如何給文字字體添加下劃線？

使用css div如何給文字添加下劃線樣式呢？使用css對文字字體添加下劃線樣式方法教程。

對字體文字加下劃線樣式，有兩種方法，一直直接使用html下劃線標簽，另外一種是使用CSS下劃線樣式。

接下來為大家介紹對文字字體實現下劃線方法教程，通過案例方式讓大家作為兩種對文字加下劃線樣式。

一、html標簽實現下劃線

在html標簽中對需要加下劃線的文字加<u></u>即可實現加下劃線樣式。

1、標簽語法：

<u>我被加下劃線了</u>

2、html實例源代碼

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>html下劃線標簽實例 www.divcss5.com</title> 
</head> 
<body> 
我是divcss5!<br />  
divcss5是網址<u>www.divcss5.com</u> !  
</body> 
</html>

二、css樣式實現下劃線樣式

使用CSS樣式單詞：text-decoration:underline

1、語法

div{text-decoration:underline} 
/* css注釋說明：這樣的表達將讓DIV標簽內文字字體加上下劃線 */

2、div css實現下劃線實例代碼

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>下劃線 刪除線 上劃線實例 www.divcss5.com</title> 
<style> 
.divcss5{text-decoration:underline} /* underline下劃線 */ 
.divcss5_1{text-decoration:line-through} /* line-through刪除線貫穿線 */ 
.divcss5_2{text-decoration:overline} /* overline上劃線 */ 
</style> 
</head> 
 
<body> 
<div class="divcss5">我被加下劃線</div>  
<div class="divcss5_1">我被加貫穿刪除線</div>  
<div class="divcss5_2">我被加上劃線</div>  
</body> 
</html>

上一頁:border:none;與border:0;的區別
下一頁:CSS文字顏色不變下劃線變顏色的實現

萬盛學電腦網

萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> DIV CSS如何給文字字體添加下劃線？

DIV CSS如何給文字字體添加下劃線？

一、html標簽實現下劃線

二、css樣式實現下劃線樣式

DivCSS教程排行

程序編程推薦

熱門文章

相關文章

圖片文章

詳解ORACLE中游標的生命周期

ORACLE 常用正則表達式詳解

從雜志中獲取網頁配色方案

.Net消息隊列的使用方法

萬盛學電腦網 | 設為首頁 | 加入收藏