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

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>

.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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11515040.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存