文本修飾屬性信息安全技術應用ApplicationofInformationSecurityTechnology《前端技術開發》文本修飾屬性前端技術開發01文本修飾主要包括給文字添加下劃線、刪除線、上劃線的效果。

CSS屬性text-decoration可以設置文本修飾。語法text-decoration:none|underline|line-through|overline;text-decoration屬性的取值文本修飾屬性前端技術開發01文本修飾屬性<pclass="p1">我有下劃線</p><pclass="p2">我有刪除線</p><pclass="p3">我有上劃線</p><pclass="p4">默認沒有裝飾線</p>.p1{text-decoration:underline;}.p2{text-decoration:line-through;}.p3{text-decoration:overline;}

.p4{text-decoration:none;}文本修飾屬性前端技術開發01underline、line-through、overline這三個屬性可以組合使用<pclass="p5">組合使用文本修飾屬性</p>.p5{text-decoration:underlineoverlineline-through;}文本修飾屬性前端技術開發01可以使用text-decoration-color設置文本修飾的線的顏色語法text-decoration-color:red;文本修飾屬性前端技術開發01可以使用text-decoration-style設置文本修飾的線的線型語法text-decoration-style:solid|double|dotted|dashed;文本修飾屬性前端技術開發01<pclass="p6red">設置下劃線顏色和線型:solid</p><pclass="p7red">設置下劃線顏色和線型:double</p><pclass="p8red">設置下劃線顏色和線型:dashed</p><pclass="p9red">設置下劃線顏色和線型:wavy</p>.red{text-decoration:underline;text-decoration-color:red;}.p6{text-decoration-style:solid;}.p7{text-decoration-style:double;}.p8{text-decoration-style:dashed;}.p9{text-decoration-style:wavy;}文本修飾屬性前端技術開發01<pclass="p10">文本修飾簡寫屬性</p>.p10{text-decoration:underlinedoubleblue;}text-decoration也可以使用簡寫的方式設置屬性小結前端技術開發02文本修飾屬性text-decoration用于給文字添加下劃線、刪除線、上劃線的效果。underline：添加下劃線overline：添加上劃線line-through：添加刪除線