Result
Download
Reset
◀︎
▶︎
<html lang="ja"><meta charset="utf-8"> <title>Illustrator Tools Example / Grid Layout</title> <style> a{display:block;} .エリア{width:80%; margin:0 auto;} .ボックス{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; justify-items:center;} .ツール{width:100px;} </style> <div class="エリア"> <div class="ボックス"> <a href="Tools_folder/01_Selection_Tool.html"><img src="Illustrator_Tools_87_535454/01.png"alt="Selection Tool"class="ツール"></a> <a href="#"><img src="Illustrator_Tools_87_535454/02_a.png"alt="Direct Selection Tool"class="ツール"></a> <a href="#"><img src="Illustrator_Tools_87_535454/03.png"alt="Magic Wand Tool"class="ツール"></a> <a href="#"><img src="Illustrator_Tools_87_535454/04.png"alt="Lasso Tool"class="ツール"></a> <a href="#"><img src="Illustrator_Tools_87_535454/05_a.png"alt="Pen Tool"class="ツール"></a> <a href="#"><img src="Illustrator_Tools_87_535454/06.png"alt="Curvature Tool"class="ツール"></a> <a href="#"><img src="Illustrator_Tools_87_535454/07_a.png"alt="Type Tool"class="ツール"></a> <a href="#"><img src="Illustrator_Tools_87_535454/08_a.png"alt="Line Segment Tool"class="ツール"></a> </div> </div> <hr> <p style="color:red;">fr は 「fraction (割合) の略です</p> </html>