practice

<div class="ボックス">
<section>
<form>
<div class="タイトル">文字サイズ</div>
<input type="button"value="4px"onclick="ぼたん(0)">
<input type="button"value="8px"onclick="ぼたん(1)">
<input type="button"value="12px"onclick="ぼたん(2)">
<input type="button"value="16px"onclick="ぼたん(3)">
<input type="button"value="20px"onclick="ぼたん(4)">
<input type="button"value="24px"onclick="ぼたん(5)">
<input type="button"value="28px"onclick="ぼたん(6)">
<input type="button"value="32px"onclick="ぼたん(7)">
<input type="button"value="36px"onclick="ぼたん(8)">
<input type="button"value="40px"onclick="ぼたん(9)">
</form>
<form>
<div class="タイトル">文字色</div>
<input type="button"value="Red"onclick="ぼたん(10)">
<input type="button"value="Green"onclick="ぼたん(11)">
<input type="button"value="Blue"onclick="ぼたん(12)">
<input type="button"value="Lime"onclick="ぼたん(13)">
<input type="button"value="Yellow"onclick="ぼたん(14)">
<input type="button"value="Aqua"onclick="ぼたん(15)">
<input type="button"value="Brown"onclick="ぼたん(16)">
<input type="button"value="Orange"onclick="ぼたん(17)">
<input type="button"value="Magenta"onclick="ぼたん(18)">
<input type="button"value="Navy"onclick="ぼたん(19)">
<input type="button"value="Purple"onclick="ぼたん(20)">
<input type="button"value="Silver"onclick="ぼたん(21)">
<input type="button"value="Gray"onclick="ぼたん(22)">
<input type="button"value="Black"onclick="ぼたん(23)">
</form>
<form>
<div class="タイトル">Font Family</div>
<input type="button"value="monospace"onclick="ぼたん(24)">
<input type="button"value="Fantasy"onclick="ぼたん(25)">
<input type="button"value="Arial Black"onclick="ぼたん(26)">
<input type="button"value="Cursive"onclick="ぼたん(27)">
<input type="button"value="Serif"onclick="ぼたん(28)">
<input type="button"value="Sans-Serif"onclick="ぼたん(29)">
<input type="button"value="Comic Sans MS"onclick="ぼたん(30)">
<input type="button"value="Impact"onclick="ぼたん(31)">
</form>
<form>
<div class="タイトル">Font Weight</div>
<input type="button"value="Bold"onclick="ぼたん(32)">
<input type="button"value="Nomal"onclick="ぼたん(33)">
</form>
</section>
<section>
<form>
<div class="タイトル">斜体</div>
<input type="button"value="イタリック"onclick="ぼたん(34)">
<input type="button"value="Nomal"onclick="ぼたん(35)">
</form>
<form>
<div class="タイトル">囲み</div>
<input type="button"value="1px solid 囲み"onclick="ぼたん(36)">
<input type="button"value="2px dotted 囲み"onclick="ぼたん(37)">
<input type="button"value="3px dashed 囲み"onclick="ぼたん(38)">
<input type="button"value="4px double 囲み"onclick="ぼたん(39)">
<input type="button"value="囲み無し"onclick="ぼたん(40)">
</form>
<form>
<div class="タイトル">文字ライン</div>
<input type="button"value="Overline"onclick="ぼたん(41)">
<input type="button"value="line-through"onclick="ぼたん(42)">
<input type="button"value="Underline"onclick="ぼたん(43)">
<input type="button"value="線 無し"onclick="ぼたん(44)">
</form>
<form>
<div class="タイトル">背景色</div>
<input type="button"value="#e6ffff"onclick="ぼたん(45)">
<input type="button"value="#ffe6ff"onclick="ぼたん(46)">
<input type="button"value="#ffffe6"onclick="ぼたん(47)">
<input type="button"value="#e6ffe6"onclick="ぼたん(48)">
<input type="button"value="#e6e6ff"onclick="ぼたん(49)">
<input type="button"value="#ffe6e6"onclick="ぼたん(50)">
<input type="button"value="#aaffff"onclick="ぼたん(51)">
<input type="button"value="#ffaaff"onclick="ぼたん(52)">
<input type="button"value="#ffffaa"onclick="ぼたん(53)">
<input type="button"value="#aaaaff"onclick="ぼたん(54)">
<input type="button"value="#ffaaaa"onclick="ぼたん(55)">
<input type="button"value="#aaaaaa"onclick="ぼたん(56)">
<input type="button"value="#abcdef"onclick="ぼたん(57)">
<input type="button"value="#fedcba"onclick="ぼたん(58)">
<input type="button"value="背景色 無し"onclick="ぼたん(59)">
</form>
</section>
</div>
<button onclick="りろーど()"class="リロード">リロード</button>
<br><hr><br>
<div id="もじ">ABCDE abcde 0123456789</div>

</html>