盒子相关样式

一,盒子的类型

在CSS中我们利用display属性来定义盒子的类型,块级元素属于block类型,行内元素属于inline类型,其中还有block-inline类型。

实现方式:

display: 属性值;

属性列表
04 CSS3-盒子相关样式

二,内容溢出盒子边界处理

实现方式:

1,常用边缘裁剪

overflow:属性值

属性列表
04 CSS3-盒子相关样式

2,左右边缘裁剪

overflow-x:属性值

3,上下边缘裁剪

overflow-y:属性值,

2与3部分属性列表
04 CSS3-盒子相关样式

三,盒子阴影

实现方式:

box-shadow: x偏移值 y偏移值 模糊程度 模糊颜色;

属性列表
04 CSS3-盒子相关样式

相关文章: