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

html-css010

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>

<style type="text/css">

.img{border:3px solid #fff}

</style>

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

<style>

.kuang{width:200pxheight:50pxcolor:white}

</style>

<div class="kuang"></div>

<div class="kuang"></div>

<div class="kuang"></div>

<div class="kuang"></div>

<div class="kuang"></div>