0
点赞
收藏
分享

微信扫一扫

CSS3边框及盒子阴影

幺幺零 2022-04-04 阅读 65
css3

一、CSS3边框

1、border-radius    圆角边框

 ①设置一个值,四个圆角同时变化 


 ②设置两个值,第一个值为左上、右下圆角的值,第二个值为右上、左下圆角的值

(🔺 是对角关系)


③设置三个值,第一个值为左上圆角的值,第二个值为右上、左下圆角的值 ,第三个值为右下圆角的值


④设置四个值,按照左上、右上、右下、左下的顺时针顺序


⑤圆形


二、盒子阴影

1、box-shadow: inset (outset )  x-offset  y-offset  blur-radius   color


🔺 当X轴和Y轴的值为0时,设置blur-radius,那么会均匀出现模糊的内阴影或外阴影


三、表单验证

使用表单验证的好处主要有:

①减轻服务器的压力;②保证数据的可行性和安全性

在html中的input表单也提供一些初级的验证方法,主要有以下3种:

①placeholder属性 ②required属性 ③pattern属性

接下来就简单介绍下这三个属性如何使用!

1.placeholder属性


 2、required属性


3、pattern属性

举报

相关推荐

0 条评论