HTML+CSS（轮廓阴影和圆角）19

09

outline和border用法一样，但outline边框不会影响页面布局
但border会占据位置，影响布局，outline：轮廓
阴影：box—shadow，用来设置元素的阴影效果，不会影响页面布局
box-shadow: 10px 10px 10px rgba(0, 0, 0,.3) ;
水平偏移量 垂直偏移量 模糊半径 阴影颜色
/* border: 10px green solid; */
/* box-shadow: 10px 10px 10px rgba(0, 0, 0,.3) ; */
/* 水平偏移量 垂直偏移量 模糊半径 阴影颜色*/
/* border-radius设置圆角椭圆角和圆 */
/* border-top-left-radius:10px ; */
/* 只设置一个值，top和left相等 */
/* border-top-right-radius:10px 50px ; */
/* 设置两个不同值会造成椭圆角 */
/* border-bottom-left-radius: ; */
/* border-bottom-right-radius: ; */
border-radius: 50%;/* 设置50%会变成一个圆 */