◀︎ ▶︎

<html lang="ja"><meta charset="utf-8">
<title>Illustrator Tools Example / Flex Layout(justify-content:space-between)</title>
<style>
a{display:block;}

.エリア{width:80%;
margin:0 auto;}

.ボックス{display:flex;
justify-content:space-between;}

.ツール{flex-basis:calc(25% - 20px);
width:100px;
margin:10px;
box-sizing:border-box;}
</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>
</div>
<div class="ボックス">
<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>

</html>