css中插入图片有白边

在网页设计中，使用CSS插入背景图片是非常常见的技巧，但是，如果没有经验的话，有时候会出现插入的背景图片带有白边的情况，这时候我们需要掌握以下技巧。

首先，我们需要确保图片本身无白边，可以采用各种图片处理软件（如Photoshop）进行检查和处理，确保图片内容与尺寸符合要求。

img {
    border: 0; /*设置图片边框为0*/
    display: block; /*将图片设置为块级元素*/
    padding: 0; /*设置图片内边距为0*/
    margin: 0; /*设置图片外边距为0*/
} 

通过以上CSS代码，我们可以设置图片边框、内边距和外边距都为0，将图片设为块级元素，从而避免了插入图片带白边的情况。

除了以上方法，我们还可以通过background属性插入背景图片，可以用background-size属性设置背景图片尺寸，以确保图片与容器尺寸匹配。

div {
    background: url(images/bg.jpg) no-repeat center center; /*插入背景图片*/
    background-size: cover; /*设置背景图片尺寸*/
} 

以上CSS代码将图片设置为居中、不重复的背景图片，并使用background-size属性设置图片尺寸为cover，这样可以保证图片完全覆盖容器。

总之，插入背景图片时，我们要通过CSS技巧来避免白边的出现，确保网站设计的美观和专业。