526互联

css-盒子模型

发布时间 2023-09-08 23:16:17作者: 无荔枝

盒子模型

1.是什么

 

2.边框

  1. 边框的粗细

  2. 边框的样式

  3. 边框的颜色

因为容易很丑~-~

这里用结构伪类选择器:

——本意为找div父类的子类中第一个为input的，但是有错，实际上是div的后代选择器

如果去掉input , 只会框第一个div, 找div父类的子类中第一个孩子

3.外边距

两个参数分别表示  上下   左右

四个参数分别表示  上 右 下 左

 

 

4.圆角边框

border-radius值越大，正方形越园

两个参数be like:

总之：还是顺时针

 

5.盒子阴影

第三个参数：模糊到发光