淘先锋技术网

首页 1 2 3 4 5 6 7

CSS图片默认三像素是指在HTML文档中如果使用了img标签,即便设置图片宽高属性,也会默认在图片周围添加3个像素的空白区域。

<img src="example.jpg" width="200" height="100" />

在这个例子中,即便设置了width和height属性,图片实际上的宽度会是203像素,高度会是103像素,原因就是浏览器会默认在图片周围添加3像素的边距。

如果想要消除这个边距,有两种方法:

1.给img标签添加CSS样式: margin:0; padding:0;
2.将img标签的display属性设为block: 
<img src="example.jpg" width="200" height="100" style="display:block;" />

总之,如果想要完全精确控制图片的大小和位置,需要了解这个默认三像素的特性,并适当调整样式。