码迷,mamicode.com
首页 > Web开发 > 详细

css学习笔记之图像

时间:2017-03-06 23:38:02      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:超出   color   对齐   方式   hspa   重要   vertica   属性   出图   

图像与文本的对齐方式:

vertical-align:text-top;表示的意思是图像的顶部和同一行的文本对齐,但文本不会超出图片的上边线。

vertical-align:middle;表示的意思是图像的中部和同一行的文本对齐。

vertical-align:text-bottom;表示的意思是图像的地步和同一行的文本对齐,但是文本不会超出图片的下边线。

vertical-align:baseline;其实意思和text-bottom差不多。

控制图像与文本的距离:

<img src="dd.jpg" hspace=30 />用于设置文字距离左边图像的距离是30px

<img src="cc.jpb" vspace=30 />用于设置文字距离上边图像的距离是30px

热点图像区域的链接:

<map id="map1">

<area shape="" coords="" href=""></area>

</map>

3个重要的属性,shape ,coords,href

shape:用来确定选区的形状,rect矩形,circle圆形,poly多边形

coords:用来控制形状的位置,通过坐标来找到这个位置

href:就是超链接

css学习笔记之图像

标签:超出   color   对齐   方式   hspa   重要   vertica   属性   出图   

原文地址:http://www.cnblogs.com/fireporsche/p/6512490.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!