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

html-css016

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>

用CSS background: transparent属性设置背景透明

补充:哦不好意思看错题目了,现在好像暂时无法在浏览器里面直接对图片进行操作,只能自己吧图片转换成透明背景

<style type="text/css">

.img{border:3px solid #fff}

</style>

<img src="S24014066592145.JPG" width="500" height="350" class="img">