HTMLのみで作れる強調線の例をいくつか紹介します。こうした線は文章の中で特定の部分を強調するのに使えます。

①色付きの強調線

<hr style=”border-color: red; border-width: 2px;”>

②点線の強調線

<hr style=”border-style: dotted; border-color: green; border-width: 2px;”>

③二重線の強調線

<hr style=”height: 3px; border-width: 0; color: green; background-color: green;”>
<hr style=”height: 3px; border-width: 0; color: gray; background-color: gray; margin-top: -3px;”>

④グラデーションの協調線

<hr style=”height: 8px; border-width: 0; background: linear-gradient(to right, red, yellow);”>

⑤マーカー風の線

<hr style=”height: 10px; border: none; background-color: yellow;”>

⑥単純な線

<blink><hr style=”border-color: red; border-width: 8px;”></blink>

⑦太い黒のマーカー線

<hr style=”height: 15px; border: none; background-color: black;”>

もし使えるものがありましたら、コピーして使ってみて下さいね。