1、dotted【点状】
2、solid【实线】
3、double【双实线】
4、dashed【虚线】
实例一：如果一个CSS这样写：border-style:dotted solid double dashed出来的框就是：上边框是点状，右边框是实线，下边框是双线，左边框是虚线
实例二：如果一个CSS这样写：border-bottom:1px dashed #000000出来的框就是：一条宽度为1像素的黑色下划虚线。
以此类推。多试试就知道什么效果了哦。
可以写一套兼容性的写法，区分IE9+ 或 IE9-IE9- 的浏览器需要一个插件，你百度搜 “ie-css3.htc”这个，它可以实现圆角、阴影、渐变的属性
那么开始，先建立高和宽100px的容器
<div class="radius_50 ie8_7_6"></div>
/*css style*/
.radius_50 {width:100pxheight:100pxborder-radius:50px-moz-border-radius:50px-webkit-border-radius:50pxoverflow:hiddenborder:2px #000000 dashed}
.ie8_7_6 {behavior: url(/ie-css3.htc)}
