img{ margin: 0; padding: 0; border: none; display: block; }
CSS中,大家可以通过设置图片的margin、padding、border样式为0来去除图片的默认边距。同时,大家可以把图片的display属性设置为block,这能够让图片消除行内元素留下的空白。
大家也可以通过为img元素添加class属性,进行对特定图片的去边距操作,如下代码:
.no-margin{ margin: 0; padding: 0; border: none; display: block; }
上述代码中,大家为无边距图片设置了一个类名为“no-margin”,然后通过CSS样式表中的.no-margin样式对该类名进行样式设置,这样大家在HTML中只需要为想去边距的图片添加该类名即可。
总之,大家可以通过CSS样式表中的设置,非常方便的实现去除img标签默认边距的操作。