◀︎ ▶︎

<html lang="ja"><meta charset="utf-8">
<title>Illustrator Tools Example / Position Layout</title>

<style>
.エリア{position:relative;}

.ボックス{position:absolute;
width:100px;
height:100px;}

.ツール_01{top: 20px;left:20px;}
.ツール_02{top: 20px;left:140px;}
.ツール_03{top: 20px;left:260px;}
.ツール_04{top: 20px;left:380px;}
.ツール_05{top:140px;left: 20px;}
.ツール_06{top:140px;left:140px;}
.ツール_07{top:140px;left:260px;}
.ツール_08{top:140px;left:380px;}
</style>

<div class="エリア">
<a href="Tools_folder/01_Selection_Tool.html"><img src="Illustrator_Tools_87_535454/01.png"alt="Selection Tool"class="ボックス ツール_01"></a>
<a href="#"><img src="Illustrator_Tools_87_535454/02_a.png"alt="Direct Selection Tool"class="ボックス ツール_02"></a>
<a href="#"><img src="Illustrator_Tools_87_535454/03.png"alt="Magic Wand Tool"class="ボックス ツール_03"></a>
<a href="#"><img src="Illustrator_Tools_87_535454/04.png"alt="Lasso Tool"class="ボックス ツール_04"></a>
<a href="#"><img src="Illustrator_Tools_87_535454/05_a.png"alt="Pen Tool"class="ボックス ツール_05"></a>
<a href="#"><img src="Illustrator_Tools_87_535454/06.png"alt="Curvature Tool"class="ボックス ツール_06"></a>
<a href="#"><img src="Illustrator_Tools_87_535454/07_a.png"alt="Type Tool"class="ボックス ツール_07"></a>
<a href="#"><img src="Illustrator_Tools_87_535454/08_a.png"alt="Line Segment Tool"class="ボックス ツール_08"></a>
</div>

</html>