CSS盒子模型的美化

CSS的普通属性：

CSS的美化属性：border（边框）、border-radius（边角）、transition（CSS3动画效果）、box-shadow（阴影）、outline（轮廓）

    border（边框）的格式：border+宽度+样式+颜色（例如：border:1px solid #ccc;），也可以分开设置，由border-width（边框宽度）、border-style（边框样式）、border-color（边框颜色）

组成。

    border-radius（边角）的格式：border-radius+半径（例如：border-radius: 2px;）。

    transition（CSS3动画效果）的格式：transition+属性+时间+动画样式（例如：transition: background 0.3s ease-in-out;），一般是配合伪类（:hover）使用。

    box-shadow（阴影）的格式：box-shadow: h-shadow v-shadow blur spread color inset;（例如：box-shadow: 0 0 10px #9ecaed;）

参考：

https://www.cnblogs.com/sun-rain/p/5785908.html

http://www.jq22.com/webqd5122

https://www.cnblogs.com/cnsevennight/p/4143792.html