html盒模型中border的写法,盒子模型之CSS3学习之边框(Border)

盒子模型之border

边框相关属性

border-width控制边框的大小　　用长度赋值

border-style控制边框的样式　　none没有边框　　solid实线　　dotted点线　　dashed虚线　　double双线条

border-color控制边框的颜色　　四种颜色表示法

border-top控制上边框的样式

border-right控制右边框的样式

border-bottom控制下边框的样式

border-left控制左边框的样式

其实四条边也是复合属性：

border-top可以分成这么几个属性：border-top-color　　border-top-width　　border-top-style　　(剩下三条边以此类推)

边框连写

理论上：没有顺序，皆可省略

案例：表格边框、四彩盒子、表单边框

Document

table{

width:800px;

height:300px;

border:1pxsolid#000;

border-collapse:collapse;/*去掉边框：细线*/

}

th,td{

border:1pxsolid#000;

}

今日小说排行榜

排名关键词趋势今日搜索最近七日相关链接

1鬼吹灯6558945贴吧图片百科2盗墓笔记1456贴吧图片百科