1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html盒子左右边框边距 盒子模型之CSS3学习之边框(Border)

html盒子左右边框边距 盒子模型之CSS3学习之边框(Border)

时间:2021-01-21 03:57:49

相关推荐

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。