border使用

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