怎么给按钮加阴影 html_软件运维

给按钮加阴影，这个功能我们的css是无法实现的，不过现在的css3还是可以的，通过box-shadow这个属性来设置，他的参数有：

阴影类型：此参数可选。如不设值，默认投影方式是外阴影；如取其唯一值“inset”，其投影为内阴影；

X-offset:阴影水平偏移量，其值可以是正负值。如果值为正值，则阴影在对象的右边，其值为负值时，阴影在对象的左边；

Y-offset:阴影垂直偏移量，其值也可以是正负值。如果为正值，阴影滑孝在对象的底部，其值为负值时，阴影在对象的顶部；

阴影模糊半径：此参数可选，，但其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；

阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小；

阴影颜色：此参数可选。如不设定颜色，浏览器会取默认色，但各浏览器默认取色不一致，特别是在webkit内核下的safari和chrome浏览器下表信旅稿现为透明色，在Firefox/Opera下表现为黑色（已验证），建议不要省略此参数。

<html>

<head>

<style>

#but{

box-shadow:-10px 0 10px red, /*左边阴影*/

}

</style>

</head>

<body>

</body>

</html>

这样就实现了镇喊，加阴影的效果。

如果想在保留边框的情况下去掉边框上的仿斗阴影，设置边框为实线即可，button边框默认是双线，就会出现一个很难看的立体效果，我就查了查api，发现边框分着双线和实线，如果边框有双线，那这敏祥和出现的场景一样啊，我就再次设备拿磨置成实线了发现。。。。。。。那个恶心的虚影没了，而且保留了边框。

Android系统5.0之后系统的默认button控件都会有一个阴影，UI设者友族计上一般首弊都不会有这个告谨效果，所以只能想办法去掉。

在Application使用的主题中加入以下属性即可

在Activity使用的Theme中加入以下属性即可

可以参考

欢迎分享，转载请注明来源：内存溢出

怎么给按钮加阴影 html