阴影可以用box-shadow来实现,具体属性如下:
(1) 外阴影:box-shadow:X Y Npx #color;
(2) 内阴影:box-shadow:inset X Y Npx #color;
第一个属性:阴影的X轴(可以使用负值)
第二个属性:阴影的Y轴(可以使用负值)
第三个属性:阴影的像素(大小)
第四个属性:阴影的颜色
例如下图:分别为<a>标签点击前和点击后的效果 ,就是使用了外阴影和内阴影的效果,使按钮看起来相对立体
阴影可以用box-shadow来实现,具体属性如下:
(1) 外阴影:box-shadow:X Y Npx #color;
(2) 内阴影:box-shadow:inset X Y Npx #color;
第一个属性:阴影的X轴(可以使用负值)
第二个属性:阴影的Y轴(可以使用负值)
第三个属性:阴影的像素(大小)
第四个属性:阴影的颜色
例如下图:分别为<a>标签点击前和点击后的效果 ,就是使用了外阴影和内阴影的效果,使按钮看起来相对立体