一、轮廓
① outline 用来设置元素的轮廓线,用法和border一模一样
轮廓和边框的不同点,就是轮廓不会影响到可见框的大小
② box-shadow 用来设置元素的阴影效果,阴影不会影响页面布局
第一个值 水平偏移量 设置阴影的水平位置 正值向右移动 负值向左移动
第二个值 垂直偏移量 设置阴影的水平位置 正值向下移动 负值向上移动
第三个值 阴影的模糊半径
第四个值 阴影的颜色
box-shadow: 10px 10px 20px rgba(0,0,0,.5) ;
二、圆角
border-radius 用来设置圆角的半径大小
border-radius 可以分别指定四个角的圆角
四个值 左上 右上 右下 左下
三个值 左上 右上/左下 右下
两个值 左上/右下 右上/左下
一个值 所有
/* 将元素设为圆形 */
border-radius:50%;