More than 5 years have passed since last update.

1つの画像内に複数リンクを設置したい

HTML
CSS

Last updated at 2016-03-02Posted at 2016-03-02

イメージマップを使う

<img src="img/sample.png" usemap="#Map">
<map name="Map">
<area shape="rect" coords="600,17,833,134" href="リンク先">
<area shape="rect" coords="329,17,562,134" href="リンク先">
<area shape="rect" coords="60,17,293,134" href="リンク先">
</map>

shape属性が"rect"だとリンク枠が四角形となり
coords属性に「左上の座標(X1,Y1) , 右下の座標(X2,Y2)」(合計4つの値)を指定すればよい

ちなみにshape属性を変えることで円形のリンク枠にすることも可能

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up