如何用CSS画圆 以及添加阴影

圆形的画法： 先画一个矩形，然后添加 border-radius属性，设置值为正方形的一半。

 #content{

            width: 200px;
            height: 200px;
            border-radius: 100px;
            box-shadow:20px 20px 30px gray;
            background-color: pink;
            position: relative;
            left: 100px;
            top:100px;
        }

添加阴影： 添加box-shadow属性，参数依次为水平阴影范围（正数为右边），垂直阴影范围（正数为下边），模糊程度（数值越小越模糊），阴影颜色。

 #content{

            width: 200px;
            height: 200px;
            border-radius: 100px;
            box-shadow:20px 20px 30px gray;
            background-color: pink;
            position: relative;
            left: 100px;
            top:100px;
        }