css3
复习:
css3属性选择器:
p[class] 选取带有某个属性的元素
p[id=b] 选取的是带有某个属性的元素,属性值为val
p[class^=box]选取的是以带有某个属性值开头的元素
p[class$=box] 选取的是以带有某个属性值结尾的元素
p[class*=box] 选取的是包含某个属性值的元素
** 边框阴影:**
box-shadow:
inset(内阴影) 5px(x轴的偏移) 7px(y轴的偏移) 模糊半径 扩展半径 color(颜色);
渐变:
> 线性渐变 径向渐变 重复渐变
- 线性渐变 :
background-image:
linear-gradient(方向);
方向:
to top 向上
to bottom 向下
to left 向左
to right 向右
` 2. 径向渐变:
radial-gradient(x y,color1,color2);
angle:圆心 x y
- 重复渐变:
repeat
重复线性渐变
repeating-linear-gradient
重复径向渐变
repeating-radial-gradient