文字の装飾 text-decoration
text-decoration : 装飾 ;
文字に線をくわえます。
text-decoration : underline ;
文字に下線をひきます。
text-decoration : overline ;
文字に上線をひきます。
text-decoration : line-through ;
文字に打消し線を引きます。
text-decoration : underline overline line-through ;
一括して線を引きます。
線に色を付けたり点線にしたり、文字と線の間の間隔をあけるには、ボックスにborderやbackgroundなどを指定します。
<p style=" width : 200px ; border-top :1px pink solid ; border-bottom :1px pink solid ; padding : 5px ; margin : 5px ; ">文字</p>
文字文字文字文字文字文字文字
文字文字文字文字文字文字文字
文字文字文字文字文字文字文字
関連記事