CSS——圆角边框及阴影

圆角边框

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" >

效果图

CSS——圆角边框及阴影

原文：https://www.cnblogs.com/clblogs/p/15177696.html