一、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属性
接下来就简单介绍下这三个属性如何使用!