border属性 border-width border-style border-color inherit
border-style的值：none dotted（点线） dashed（虚线） solid（实线） double（双线） groove（凹槽） ridge（凸起） inset outset inherit
div { border: 1px solid #ff0000; } div { border-bottom: 1px solid #ff0000; }
CSS3新增的有border-radius box-shadow border-image
border-radius可以用em、px、%来指定圆角大小 也可以四个角单独指定
div { border-radius: 50%; } div { border-top-left-radius:2em; border-top-right-radius:2em; border-bottom-right-radius:2em; border-bottom-left-radius:2em; }
box-shadow 水平阴影 垂直阴影 阴影长度 阴影颜色
div { box-shadow: 10px 10px 5px #ff0000; }
border-image 请参阅 http://www.w3school.com.cn/tiy/t.asp?f=css3_border-image