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小时内删除。