怎么在css文件中使用map

html-css017

怎么在css文件中使用map,第1张

<img src 也可以 你可以这么写

<div class="aaa"><p>23123231</p><img src="map.jpg"></div>

CSS:

.aaa{ position: relative}

.aaa p{position: absolute}

clearfix:after

首先你要明白这个属性是用来清除DIV浮动的有效办法之一,因为网页中会屡次用到,<div

class="header

clearfix">这个意思是代表这个DIV引用了两个类,一个是header,一个是clearfix,因为这个DIV需要清除浮动。

<map></map>是图片上的热区,我由此判断你在学习CSS之前没有很好的熟悉HTML的基本标签,建议你先熟悉HTML的基本标签,你可以用DW,插入一个图片,然后鼠标点中图片,左下角属性中有个三个形状的热区,你尝试做一下,再看看代码就OK了。

祝你早日成为CSS高手!

举例说明一下:

<img src="图片路径" usemap="#pic" />

<!--以上插入图片,并调取下面的<map>元素中的ID标识,这很重要-->

<map name="pic" id="pic">

<area shape="rect" coords="20,30,40,50" href="链接路径" />

<!--以上是一个方形区域,请自行更改coords中4个坐标值-->

</map>