アンダーラインを引きたいブロックに「under」とクラス指定。
後は引きたい線のスタイルごとに下記のCSSを張り付けるだけ。
線の大きさ、色も指定可能。
通常の線を引く
1 2 3 |
.under { border-bottom: solid 2px #000000; } |
破線を引く
1 2 3 |
.under { border-bottom: dashed 2px #000000; } |
二重線を引く
1 2 3 |
.under { border-bottom: double 6px #000000; } |
※文字の大きさは2本分の大きさになるので、少し大きめに指定するといい。
蛍光ペンを引く
1 2 3 |
.under { background: linear-gradient(transparent 50%, yellow 50%); } |
transparentの%を大きくするほど線は細くなる。0%だと文字いっぱいになる。
コメントを残す