CSS——圆角边框及阴影

圆角边框

border-radius:10px 20px 30px 40px;
左上 右上 右下 左下 顺时针方向
圆形:圆角=半径

div{ width:100px; height:100px; margin:30px; border:2px solid black; border-radius:100px; }

效果图
CSS——圆角边框及阴影

阴影

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——圆角边框及阴影

CSS——圆角边框及阴影

上一篇:http协议:三 (4)写出正确的网址


下一篇:[PHP] laravel框架响应json信息中文禁止unicode编码