img { border: 1px solid #ddd; /*图片默认边框*/ }为了去掉图片的边框,我们只需要将其边框的宽度设为 0,如下所示:
img { border: 0; }这样,图片的边框就被彻底去掉啦!不过需要注意的是,如果你使用的是背景图片,而非 img 标签的 src 属性,则需要使用 background 属性来控制其边框样式,比如:
div { background: url(../images/bg.png) no-repeat; border: 0; }上面这段代码中,我们使用了 div 标签来作为背景图片的容器。通过将其边框值设为 0,可以轻松去除其边框。同时,使用 background 属性来添加背景图,并使用 no-repeat 指令来防止图片的重复平铺。 现在,你已经学会了如何去掉 CSS 图片的边框啦!希望这篇文章对你有所帮助。