歡迎來到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.133025.buzz/css-texiao/texiao52735.shtml

德甲最新射手榜 贵州快三走势图开奖一定牛 山西新十一选五推荐号码 极速赛车稳定打法 3d试机号后分析 pc幸运28猜测软件 辽宁11选5玩法规则 天虹商场股票 上海快三一定牛和值走势图 最准极速时时彩全天计划 期货配资注意什么 查询网赌网址的网站 山东11选5官网app下载 1山东十一选五体彩 马耳他幸运飞艇加3减3技巧 股票指数走势图 江西快3走势图江西