大佬教程收集整理的这篇文章主要介绍了html – Firefox:border-color,border-radius和background color创建不规则边缘和空白区域,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
.box { border-radius: 15px; border: #333 solid 3px; BACkground: #333; }
<div class="box">Hello world</div>
它在Firefox中生成:
正如您所看到的,div的边框和背景留下了一个可见的小间隙.我需要边框,因为悬停状态具有不同的背景颜色.
我怎么能克服这个?
标记:通过’包装’div的假边框
<div class="wrapper"> <div class="box">Hello world</div> </div>
css:padding可以解决问题
.wrapper { border-radius: 15px; BACkground: #333; padding:3px; /*simulaTing border*/ } .box { border-radius: 15px; BACkground: #333; }
http://jsfiddle.net/steweb/peYRf/
或者更优雅的方式解决问题(不添加另一个div)可以在相同背景颜色的框上添加阴影来“填充”那些白色可怕的东西,即
.box { border:3px solid #333; border-radius: 15px; BACkground: #333; -moz-box-shadow:0px 0px 1px #333; /* just on ffox */ }
以上是大佬教程为你收集整理的html – Firefox:border-color,border-radius和background color创建不规则边缘和空白区域全部内容,希望文章能够帮你解决html – Firefox:border-color,border-radius和background color创建不规则边缘和空白区域所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。