Web前端開發(fā)技術(shù)項目教程（HTML5 CSS3 JavaScript）（微課版） 課件 5.2.6知識點(diǎn)3：文本修飾屬性

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

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

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