CSS入门笔记十二:圆角边框与盒子阴影

圆角边框

	border-radius: 像素值/百分比;

在这里插入图片描述
圆角边框的应用
1.制作圆形盒子:在一个正方形盒子内设置圆角边框的半径为正方形长的二分之一。

2.制作圆角矩形:圆角边框的半径为盒子高度的一半

3.圆角边框可以跟1到4个值,用来对每个角来设置不同的圆角边框

盒子阴影

   box-shadow:像素值(水平阴影) 像素(垂直阴影) 像素值(值越大,阴影越模糊) 像素值(阴影大小)
   rgb(阴影颜色)

在这里插入图片描述

文字阴影:text-shadow;
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/m0_52021758/article/details/113100059