边框样式

标签：shadow   兼容   div   order   firefox   rom   box   阴影   round   

1:浏览器边框圆角兼容需要兼容老板的火狐

　　div{
　　　　border:2px solid;
　　　　border-radius:25px;
　　　　-moz-border-radius:25px; /* Old Firefox */
　　}
2:浏览器阴影

div
{
-moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
box-shadow: 10px 10px 5px #888888;
}

3:图片平铺、拉伸来填充边框

#round
{
-moz-border-image:url(/i/border.png) 30 30 round; /* Old Firefox */
-webkit-border-image:url(/i/border.png) 30 30 round; /* Safari and Chrome */
-o-border-image:url(/i/border.png) 30 30 round; /* Opera */
border-image:url(/i/border.png) 30 30 round;
}

#stretch
{
-moz-border-image:url(/i/border.png) 30 30 stretch; /* Old Firefox */
-webkit-border-image:url(/i/border.png) 30 30 stretch; /* Safari and Chrome */
-o-border-image:url(/i/border.png) 30 30 stretch; /* Opera */
border-image:url(/i/border.png) 30 30 stretch;
}

边框样式

标签：shadow   兼容   div   order   firefox   rom   box   阴影   round   

原文地址：http://www.cnblogs.com/dragonh/p/6497851.html