xbns.net
当前位置:首页 >> Css3给图片加边框 >>

Css3给图片加边框

不能吧你可以把图片设置成99*99然后border 1个px,你知道css的盒子模型么?border在margin的下面,padding的上面,也就是最外边了

style="BORDER-RIGHT: #eeeeee 3px solid; BORDER-TOP: #eeeeee 3px solid; BORDER-LEFT: #eeeeee 3px solid; BORDER-BOTTOM: #eeeeee 3px solid" cellspacing=0 cellpadding=0 width=472 border=0> bgcolor=#ffffff style="

<!DOCTYPE html><html> <head> 度<meta charset="utf-8" /> <title>百度知专道回答属</title> <style type="text/css"> img { width:200px; height:200px; border:5px solid #00ff00; } </style> </head> <body> <img src="img/1.jpg" /> </body></html>

可以的例如:<div><img src="tupian.jpg" class="style_img"/></div>给图片设置样式.style_img{ border:2px solid #F80;/给图片2像素的边框/ border-radius:50%;/* 设置图片成为圆角*/ /*等等样式都是可以的*/ }

<style> body,td,th { color:#666666;} body { background-color: #fff; margin-left: 6px; margin-top: 6px;}.a1 { bottom:332px; right: 230px; border: 1px solid #999999; padding:4px;}.a1 img{ -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3

只要一小段就行了,上面的人好厉害!~~~ #m_blog DIV.cnt IMG { BORDER-RIGHT: #999 4px solid; BORDER-TOP: #999 4px solid; MARGIN-TOP: 5px; BORDER-LEFT: #999 4px solid; BORDER-BOTTOM: #999 4px solid }

可以用背景图象使其是圆角,也可以用DIV中的钩子做出圆角但是要很多个层 很复杂!所以推荐背景图象使用滑动门技术! 用CSS给DIV加边框 给你用加边框的DIV申明个类别或者ID 然后用CSS代码#ID 或者.类别{border:1px;red;} 就可以了

把width和height各减少2px,或者在style里加上border-width:0px 就ok了

" style="position:absolute; top:0px; left:0px;" /> 效果地址: http://www.advanq.cn/test.html 这个得已知图片尺寸的 如果要自适应,还要js的帮助 ============================================ genus_god有放代码吗?好像是我吧? 这个我我认识范围,是没办法单靠 实现的 肯定是需要js帮助,或使用组件处理才行

写在之间img{border:1px solid #ccc}

mdsk.net | knrt.net | tbyh.net | prpk.net | nwlf.net | 网站首页 | 网站地图
All rights reserved Powered by www.xbns.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com