【HTML】罫線とカラー罫線

HTML

コピーしてご自由にお使いください！

 

 

 1.基本の罫線

 

 

<hr>

 

 

2.赤

 

 

<hr style="border: 1px solid #ff0000;">

 

 

3.朱色

 

 

<hr style="border: 1px solid #ef454a;">



4.ピンク１

 

 

<hr style="border: 1px solid #ff409f;">



5.ピンク２

 

 

<hr style="border: 1px solid #f98289;">



6.ピンク3

 

 

<hr style="border: 1px solid #ffcccc;">



7.青1

 

 

<hr style="border: 1px solid #0000ff;">



8.青2

 

 

<hr style="border: 1px solid #0075c2;">



9.水色1

 

 

<hr style="border: 1px solid #33ccff;">



10.水色2

 

 

<hr style="border: 1px solid #a8ffff;">



11.水色3

 

 

<hr style="border: 1px solid #00ffff;">



12.エメラルド

 

 

<hr style="border: 1px solid #7fffd4;">



13.紺色

 

 

<hr style="border: 1px solid #19448e;">



14.緑

 

 

<hr style="border: 1px solid #008000">



15.黄緑

 

 

<hr style="border: 1px solid #b8d200;">



16.紫

 

 

<hr style="border: 1px solid #8000ff;">



17.薄紫

 

 

<hr style="border: 1px solid #e2c6ff;">



18.オレンジ

 

 

<hr style="border: 1px solid #ff7f00;">



19.薄オレンジ

 

 

<hr style="border: 1px solid #ffdbb7;">



20.黄色

 

 

<hr style="border: 1px solid #ffd900;">



21.茶色

 

 

<hr style="border: 1px solid #8b4513;">



22.グレー

 

 

<hr style="border: 1px solid #696969;">