【HTML】基本の枠線

01．基本

文章

<fieldset>文章</fieldset>

02．グレー

文章

<fieldset style="border: 1px solid #808080;">文章</fieldset>

03．紺色

文章

<fieldset style="border: 1px solid #19448e;">文章</fieldset>

04．青１

文章

<fieldset style="border: 1px solid #0000ff;">文章</fieldset>

05．青２

文章

<fieldset style="border: 1px solid #00008b;">文章</fieldset>

06．水色１

文章

<fieldset style="border: 1px solid #87ceeb;">文章</fieldset>

07．水色２

文章

<fieldset style="border: 1px solid #add8e6;">文章</fieldset>

08．エメラルド

文章

<fieldset style="border: 1px solid #7fffd4;">文章</fieldset>

09．緑

文章

<fieldset style="border: 1px solid #008000;">文章</fieldset>

10．黄緑

文章

<fieldset style="border: 1px solid #adff2f;">文章</fieldset>

11．黄色

文章

<fieldset style="border: 1px solid #ffff00;">文章</fieldset>

12．オレンジ

文章

<fieldset style="border: 1px solid #ffa500;">文章</fieldset>

13．茶色

文章

<fieldset style="border: 1px solid #8b4513;">文章</fieldset>

14．赤

文章

<fieldset style="border: 1px solid #ff0000;">文章</fieldset>

15．朱色

文章

<fieldset style="border: 1px solid #ef454a;">文章</fieldset>

16．ピンク１

文章

<fieldset style="border: 1px solid #ffc0cb">文章</fieldset>

17．ピンク２

文章

<fieldset style="border: 1px solid #ffb6c1;">文章</fieldset>

18．紫

文章

<fieldset style="border: 1px solid #800080;">文章</fieldset>

19．薄紫

文章

<fieldset style="border: 1px solid #ba55d3;">文章</fieldset>

---

※〇pxの数値を変えることで線の太さを変えることができます。