福彩幸运武林开奖
歡迎來到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.mcowk.com.cn/css-texiao/texiao52735.shtml

福彩幸运武林开奖 体球网即时比分陪率 快乐10分 天津快乐10分 篮球比分直播90vs 河南22选5 球探网足球比分即时比分手机版 2013中超即时赔率 澳门即时赔率澳门足球 新疆11选5 湖南幸运赛车 亿客隆彩票首页 快速赛车 广西快3 英超积分榜雪缘园 安徽快三 广西快三