一。阴影
box-shadow 用来设置元素的阴影效果,阴影不会影响页面的布局
第一个值:水平偏移量,设置阴影的水平位置,正值向右移动,负值向左移动
第二个值:垂直偏移量,设置阴影的垂直位置,正值向下移动,负值 向上移动
第三个值:阴影的模糊半径
第四个值:阴影的颜色
实例展示:
二。轮廓
outline 用来设置元素的轮廓线,用法和border一样,
轮廓和边框不同的点,就是轮廓不会影响到可见框的大小。
三。圆角
border-radius: 用来设置圆角
一。阴影
box-shadow 用来设置元素的阴影效果,阴影不会影响页面的布局
第一个值:水平偏移量,设置阴影的水平位置,正值向右移动,负值向左移动
第二个值:垂直偏移量,设置阴影的垂直位置,正值向下移动,负值 向上移动
第三个值:阴影的模糊半径
第四个值:阴影的颜色
实例展示:
二。轮廓
outline 用来设置元素的轮廓线,用法和border一样,
轮廓和边框不同的点,就是轮廓不会影响到可见框的大小。
三。圆角
border-radius: 用来设置圆角