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

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

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

 

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