边框样式

Posted 2020-09-02 我的大刀早已饥渴难耐

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;
}