当前位置：首页 > 百科 > 综合百科

html5按钮怎么调透明度（css调节透明度）

来源： 最后更新：23-07-21 11:55:54

在进行网页设计的时候，通常需要对按钮做一些样式上的修改，达到美化的效果。那么，在html5的页面中，如何设置按钮的透明度呢？

打开vscode，创建一个html5规范的测试页面H5Button.html。如果没有vscode，使用文本文件也是一样的效果

在测试页面中添加一个按钮，注意，h5页面的按钮是button标签，不再是input标签了

在浏览器中运行测试页面，可以看到默认按钮的样子，这样的按钮样式，通常来说是不被接受的，因为太过于普通

在测试页面中，添加style代码块，在这里对所有button进行样式修改。因为，此处仅仅只做演示，所以，直接对按钮进行了样式修改，如果只需要对部分按钮进行样式修改，就可以使用类或者id选择器

在浏览器中，再次运行测试页面，可以看到按钮变大了，其余并没有太大的区别

这个时候，继续在测试页面中，对按钮的样式进行修改，添加按钮文字的颜色、按钮背景色、按钮边框大小和颜色

在浏览器中运行，可以看到按钮看起来就变成透明的了，与之前默认样式的按钮完全不一样了

标签: 透明度  按钮  

免责声明：本文系转载，版权归原作者所有；旨在传递信息，其原创性以及文中陈述文字和内容未经本站证实。

本文地址:http://www.hunanyuer.com/baike/zonghe/1701427.html

斗鱼尾巴裂开了怎么办 半月斗鱼尾巴开裂怎么治

网站首页 返回栏目

如何才能证明夫妻分居 怎么能证明夫妻分居