歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!

除了使用border-bottom下邊框格式改動對象下邊框色采到達下劃線變化無窮的色調效果,還可以經由對css下邊框名堂設置裝備擺設實線(solid)或虛線(dashed),殺青下劃線實線或虛線造詣。

然后咱們CSS+DIV實例實踐使用border-bottom完成文字下劃線顏色與虛線實線改動。

1、CSS div實例完整html源代碼下列

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>下劃線各花式 在線演示 css5.com.cn</title> 
<style> 
.divcss-aa{ border-bottom:1px dashed #F00; color:#0FF} 
/* 設置對象.divcss-aa下邊框為虛線紅色,css字體色彩為天藍色 */ 
.divcss-bb{ border-bottom:1px solid #00F; color:#090} 
/* 設置對象.divcss-bb下邊框為實線藍色,對象DIV字體色彩為綠色 */ 
</style> 
</head> 
<body> 
<p> 
運用下邊框完成字體下劃線各類格式功效,<span class="divcss-aa">我下劃線為虛線赤色,字體為天藍色</span> 
<!-- html表明闡明:完成文字字體下劃線為紅色虛線,字體為天藍色 --> 
</p> 
<p> 
使用下邊框完成字體下劃線各種名堂造詣,<span class="divcss-bb">我下劃線為實線藍色,字體為綠色</span> 
<!-- 完成筆墨字體下劃線為藍色實線,字體為綠色 --> 
</p> 
</body> 
</html> 

為何應用span標簽而沒必要div標簽設置筆墨對象CSS花式,可以進入div與span區別去明白。

2、下劃線百般式造詣截圖

CSS邊框樣式實現不同樣式下劃線效果
CSS邊框格式完成一致款式下劃線成就截圖

小結:經過應用邊框名目到達下劃線多樣化。

如需轉載,請注明文章出處和來源網址:http://www.khijtf.live/css-texiao/texiao52735.shtml

江西多乐彩走势图今天 麻将纸牌玩法视频教程 古冶区女人在家赚钱 先上分才能玩的麻将app代理 优易网玩游戏赚钱是真的吗 捕鱼大亨2018免费下载 全联汇怎么赚钱 利赢彩票群 期货很难赚钱 qq三国2018工匠赚钱 王者荣耀体验服官网 香磨五谷赚钱吗 金尊彩票群 十四岁女生怎么赚钱 德州哪里有麻将屋 赚钱的头条是什么意思 全民任务赚钱是真的吗