スタイルシートマニア
文字にラインを引く | ホームページカスタマイズ Tips
文字にラインを引いて強調させてみましょう。
.line-red {
text-decoration: underline;
color: #f00;
}
このスタイルを適応させたい部分をspanで囲みます。
上の一行をhtmlで書くと
<p>この<span class=”line-red”>スタイル</span>を適応させたい部分をspanで囲みます。</p>
です。
この他にも上にラインを引くoverlineもつかって見るとまた一味違った装飾ができます。
この場合、text-decoration:にunderlineとoverlineを半角スペースで区切って記入します。
.line-red {
text-decoration: underline overline;
}
Author:庄野英朗
Comments:0
« 前の記事 | 次の記事 » |