css图片有白色边框，css图片去白边

CSS如何给图片加上白边效果

1、css图片中间添加空白区域按照以下步骤弄。将图片转化为块级对象。设置图片的垂直对齐方式。设置父对象的文字大小为0px。改变父对象的属性。设置图片的浮动属性。

2、通过使用带有一些padding之的背景图来添加阴影效果。

3、如图，在代码工具中，先建好几个图片，如图这里的img图片被p盒子包含；然后将盒子设置宽度，然后浮动；图片填充整个盒子大小。效果就是这样的，如图。

4、首先根据实现图片的大小制作一个圆角边框。打开PS，新建一空白文档，文档的大小根据需要情况来定，在此小编将其设置为400*400，设置完成后点击”好“按钮。

5、再加边框之前把“边框”扣成透明背景（即边框内、外都为透明），然后再把边框加到背景透明的图片上就可以达到你说的效果。

相关问答

Q1: 求CSS大神,图中这个边框怎么做出来

1、首先根据实现图片的大小制作一个圆角边框。打开PS，新建一空白文档，文档的大小根据需要情况来定，在此小编将其设置为400*400，设置完成后点击”好“按钮。

2、首先打开sublime text编辑器，新建一个html文件，里面写入一个p标签：然后设置p标签的样式，这里先设置一个边框，然后设置圆角边框，主要使用CSS3属性border-radius属性定义圆角效果。

3、border-style 可以使用 groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。inset 定义 3D inset 边框。其效果取决于 border-color 的值。

4、border这个位置可选border：四边边框，border-top：顶部边框，类似还有border-left/right/button。宽度即为边框宽度。

Q2: css静态网页背景颜色或者背景图片宽度都不能占满整个网页,右边有很大一...

如果你背景色设置为图像的话，倒是可以，先用background-image加载图片，然后用background-repeat设置背景重复方式，最后用background-position来定位你的背景图像位置，这样就能达到你要求的效果了。

no-repeat；不过因为不同浏览器对于css3的支持度有限，这种写法在大多数浏览器里面，特别是ie里面是无效的。所以通常的作法还是嵌套两个div，一个div里面是上面的背景图，一个div里面是下面的背景图，这样的兼容性会好一些。

可以通过cover和contain来对图片进行伸缩。

创建以下目录结构的测试页面。将测试图片显示在浏览器界面上，效果如下。通过CSS设置背景图片，默认效果如下，图片被自动重复以铺满窗口。通过CSS设置背景图片不重复，此时，图片将不能铺满窗口。

可以通过background-size属性来设定背景图片的大小。它可以是像素（px）或者是百分比(%)，举例说明：background-size：950px* 200px这表示把背景图片大小调整为宽度950像素，高度200像素。

Q3: css无论怎么调,两边都有白边怎么办,我想让图片铺满整个窗口

引用你的话：“我想让图片铺满屏幕，也就是白边”这话矛盾呢。

有几种可能：你背景图片没有处理好。背景图片是gif格式的，如果你的背景色不是白色的话，可以看到毛边。你要看下你的浏览是什么的，有些PNG-8的图片会有白边的，IE6不识别PNG透明图片，这个要做兼容。

网页自适应设置方法如下：首先，在网页代码的头部，加入一行viewport元标签。

预览模式不用太在意，打开浏览器，写完一部分代码随时注意路浏览器刷新调试即可。没必要太在意预览模式。

如 修改后：注释：如何实现白边的消除呢？上图中，红色框框中的就是要修改和增加的地方，原来的模块高度为200像素，如今我们要减去20像素，按照实际情况来减。

Q4: 为什么我做的CSS+div完成后,背景图片有白边?

1、出现白边是因为浏览器的内或者外边距默认值不为0：你需要在head标签里加上：style type=text/css {margin： 0；padding： 0；} /style 用以重置浏览器的内外边距默认值，将默认值改为0。

2、css没有被调用；请检查css调用是否成功。css图片地址不对；请检查css图片地址是否正确。div的高度没有固定，是auto或者没有设值，div设置错误容易导致背景图片高度太大则无法显示；请设置div高度。

3、css2如果用背景图，实现个分辨率下的图片填充效果是做不到的。

4、加上CSS样式就不会留白边了 style type=text/css {margin：0；padding：0；} /style 是表示针对HTML的所有元素。margin表示边框外面留的空白，后面的0表示不留空白。

5、可能的原因是你平铺的那一div设置leoverflow为hidden，div变小之后就会把之前显示的部分给隐藏了。希望对你有所帮助。

6、预览模式不用太在意，打开浏览器，写完一部分代码随时注意路浏览器刷新调试即可。没必要太在意预览模式。

关于css图片有白色边框和css图片去白边的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。