圆角边框
border-radius: length;
这就是圆角边框的实现原理，在矩形角部使用一个圆去贴合，并将圆外的部分颜色去掉，就能形成一个圆角边框，所以上面的length是圆形的半径，数值越大，弧度也越大。
若要做一个圆形的盒子，可以使用一个正方形里面加上一个半径长度为边长一般的圆形，后面的length既可以直接填入边长一半的数值，也可以直接写作50%。
当要给不同的角设置不同的圆角值时，可以使用以下语法：
border-radius: 10px 20px 30px 40px
这时是从边框的左上角开始顺时针设置。
盒子阴影
盒子阴影效果由box-shadow实现。
box-shadow: 10px 10px 10px 10px black;
第一个10px是水平方向的阴影位置，正值为靠右，负值为靠左；第二个是垂直方向的位置，正值为向下，负值为向上；第三个是影子的模糊程度，第四个是影子的大小，后面的颜色一般也不会直接使用Black，而是会选择设置为半透明的rgba(0,0,0,.3)
如果在颜色的后面跟上inset单词，默认的外阴影就会变成内阴影。影子不占用位置。
文字阴影
使用text-shadow设置文字阴影。
文字阴影的设置值与盒子阴影基本相同，只是没有了影子大小和内外阴影的设置，故在此不作过多说明。