5.4　图像的边框

有时图像四边加边框可以得到美化效果。这样可以确定该图像的实现大小。也有的时候，不想让图像边框显示。所以如何处理图像边框呢？下面来看看border—边框，border在＜img＞上可以用到。在以后会学到的CSS中，也可以控制层的边框。

在有超链接时默认是有边框的。可以设置成没有超链接。

＜！—下面一行表示去掉超链接后的图像边框—＞

＜a href="http：//www.baidu.com"＞＜img src="cn.jpg"alt="风景"border="0px"＞＜/a＞

上面的代码把链接后面有边框的图像设置成无边框，其关键代码border="0px"起作用，当鼠标指针放到图像上面，呈手形，表示有链接，与默认链接不同的是，该图像的边框设置为0，如图5.8所示。

现在，使用不用链接的效果得到边框，即去掉里面的超链接，用边框参数border设置图像的边框，在＜img＞标记中加入border为10px的边框效果，代码如下。

＜！—下面一行表示设置图像边框—＞

＜img src="cn.jpg"alt="风景"border="10px"＞

当在图像标记中设置border时，对单位设置很重要，本例中设置为10px，即边框为10像素，效果如图5.9所示。

图　5.8　用border去掉默认边框

图　5.9　border为10像素的边框