CSS⾼级特性
盒⼦新特性:
盒⼦阴影 box-shadow
属性:box-shadow 作⽤:设定⼀个盒⼦的阴影效果
形式: box-shadow:⽔平偏移值垂直偏移值 [模糊值] [外延值] [颜⾊] [inset]
说明:
1. ⾄少设置两个长度值,分别表⽰阴影的⽔平偏移量和垂直偏移量,可以为负。
2. 模糊值是设定阴影的模糊效果的宽度,可以不设置,则默认值为0,
3. 外延值是设定阴影再"扩⼤"的宽度,可以不设置,则默认为0
4. insert表⽰设置"内阴影",可以不设置,则默认为外阴影。
⼆. 圆⾓边框 border-radius
属性: border-radius ⽤于设定⼀个盒⼦的圆⾓特性
形式:border-radius: ⽔平圆⾓半径[/垂直圆⾓半径]
说明:半径设置可以提供四个值,垂直半径可以省略
三. 图像边框 border-image
主要属性:
border-image-source : 设置作为边框背景的图⽚源。
border-image-slice: 设置要将边框背景图⽚进⾏"切割"的分割⽅式。不带单位,1-4个值 border-image-width 设置图⽚边框的宽度,也可以设定1-4个值,通常设定为auto
border-image-repeat: 设置边框背景的填充⽅式,可以设定2个值,表⽰横向和纵向四:背景新特性
background-attachment : 设置背景图像的滚动属性特性
scroll(相对盒⼦固定) local(内容滚动) fixed(浏览器固定)
background-origin: 设置背景图像的参考原点(位置) border-box padding-box centent-box
border radius什么意思background-clip: border-box padding-box centent-box
background-size: 值1,值2
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论