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-