文字块一
文字块二
文字块三
”，而用“
文字块一
文字块二
文字块三
”更合适。 用DIV+CSS设计思路是这样的: 1.用div来定义语义结构；2.然后用CSS来美化网页，如加入背景、线条边框、对齐属性等；3.最后在这个CSS定义的盒子内加上内容，如文字、图片等（没有表现属性的标签），下面大家跟我一起来做一个实例加深对这个步骤的理解。先看结果图： CSS排版结果图 演示地址：css2.html 用div来定义语义结构 现在我要给大家演示的是一个典型的版面分栏结构，即页头、导航栏、内容、版权（如下图） 典型版面分栏结构 其结构代码如下：
上面我们定义了四个盒子，按照我们想要的结果是，我们要让这些盒子等宽，并从下到下整齐排列，然后在整个页面中居中对齐，为了方便控制，我们再把这四个盒子装进一个更大的盒子，这个盒子就是BODY，这样代码就变成:
<html><body>
<div>
<img src="test.jpg"usemap="#Map">
</div>
<map name="Map">
<area shape="poly" coords="0,43,43,0,120,0,163,43,120,86,43,86" href="#">
<area shape="poly" coords="163,43,206,0,285,0,328,43,285,86,206,86" href="#">
</map>
</body>
</html>
多边形：shape="polygon"，coords="x1,y1,x2,y2,x3,y3,..."
每一对 "x,y" 坐标都定义了多边形的一个顶点（"0,0" 是图像左上角的坐标）。定义三角形至少需要三组坐标；高纬多边形则需要更多数量的顶点。
多边形会自动封闭，因此在列表的结尾不需要重复第一个坐标来闭合整个区域。
x1,y1,x2,y2,..,xn,yn 如果 shape 属性设置为 "poly"，则该值规定多边形各边的坐标。如果第一个坐标和最后一个坐标不一致，那么为了关闭多边形，浏览器必须添加最后一对坐标。
也可以按别的顺序来画，如234561
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）