HTML与CSS学习 demo6

HTML与CSS学习

这篇笔记主要讲了CSS盒子模型(border，padding，margin)，圆角边框，盒子阴影，文字阴影
这篇笔记是初学者写下的笔记，如有错误，欢迎前来指正

CSS盒子模型

• border边框
• content内容
• padding内边距：边框和内容的距离
• margin外边距：盒子与盒子之间的距离
• 在审查元素里的CSS部分里的Computed里面可以看见这四个属性

边框 (border)

• 边框复合语法：

border: border-width | border-style | border-color;
/* 没有先后顺序，上面是推荐顺序 */

属性	作用
border-width	边框粗细，单位px
border-style	边框的样式
border-color	边框颜色

• border-style：solid (实线边框) dashed (虚线边框) dotted (点线边框)

• 分别设置四周边框：

border-top:
border-bottom:

表格细线边框

• table ， td 和 th 都要在CSS属性里，所有的部分才都有边框
• 两个单元格都有边框，导致边框变粗
• 解决方法：合并相邻单元格边框

border-