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

• 还没有人评论，欢迎说说您的想法！

相关课程

Web前端页面制作快速入门

5515 9.8元

云知梦-HTML5网页标签

4629 0元 限免

HTML5网页标签

3973 0元 限免