html盒子左右边框边距,盒子模型之CSS3学习之边框(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-colorborder-top-widthborder-top-style　　(剩下三条边以此类推)

边框连写

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

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

Document

table {

width: 800px;

height: 300px;

border: 1px solid #000;

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

}

th,td {

border: 1px solid #000;

}

今日小说排行榜

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

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

Document