CSS网页制作网页图片字周围的白边怎么弄啊?

html-css021

CSS网页制作网页图片字周围的白边怎么弄啊?,第1张

最简单的方式是直接给图片加个白色的边框:

<img src="images/123.jpg" style="border:3px solid #fff" />

想好看点的话在白边外再套一个模拟阴影的边框,这样更真实:

<div style="float:leftborder:1px solid border-color:#d0d0d0 #aaa #aaa #d0d0d0">

    <img src="images/123.jpg" style="display:blockborder:3px solid #fff" />

</div>

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

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<style type="text/css">

body{margin: 0padding: 0}

</style>

<body>

<div style="height: 100%">

<img style="border: 1px solid #000000width: 100%height: 100%" src="images/1004.jpg"/>

</div>

</body>

</html>