一个意外的小发现，为HTML5中的button添加css3中的border-radius样式会让button呈现立体效果，主要针对win8...

/*为button添加下面的css样式后，会呈现出圆角立体效果*/
1 .btn{
2     border-radius: 4px
3 }

/*感觉边框的颜色太淡，就试着添加了边框的颜色，果然可以*/
1 .btn{
2     border-radius: 4px;
3     border-color: red
4 }

 

在用HTML5设计网页的时候，原本只是想为form中的button添加圆角效果，却发现还出现了立体的效果，在此记录一下。

转载于:https://www.cnblogs.com/fazstart/archive/2013/02/08/2909201.html