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;" />
总之,如果想要完全精确控制图片的大小和位置,需要了解这个默认三像素的特性,并适当调整样式。