圆角边框
border-radius:10px 20px 30px 40px;
左上 右上 右下 左下 顺时针方向
圆形:圆角=半径
div{ width:100px; height:100px; margin:30px; border:2px solid black; border-radius:100px; }
效果图
阴影
box-shadow:水平阴影 垂直阴影 模糊距离 阴影颜色
margin:0 auto; 居中
要求:块元素,块元素有固定的宽度
img{ display:block; margin:0 auto; width:300px; height:330px; border-radius:50px; box-shadow:10px 10px 5px gray; }
<img src="image/img.png" >
效果图