文章插图
在进行网页设计的时候，通常需要对按钮做一些样式上的修改，达到美化的效果 。那么，在html5的页面中，如何设置按钮的透明度呢？
【html5按钮怎么调透明度 html调整透明度】打开vscode，创建一个html5规范的测试页面H5Button.html 。如果没有vscode，使用文本文件也是一样的效果
在测试页面中添加一个按钮，注意，h5页面的按钮是button标签 ， 不再是input标签了
在浏览器中运行测试页面，可以看到默认按钮的样子，这样的按钮样式，通常来说是不被接受的，因为太过于普通
在测试页面中，添加style代码块，在这里对所有button进行样式修改 。因为 ， 此处仅仅只做演示，所以，直接对按钮进行了样式修改 ， 如果只需要对部分按钮进行样式修改，就可以使用类或者id选择器
在浏览器中，再次运行测试页面 ， 可以看到按钮变大了，其余并没有太大的区别
这个时候，继续在测试页面中 ， 对按钮的样式进行修改，添加按钮文字的颜色、按钮背景色、按钮边框大小和颜色
在浏览器中运行，可以看到按钮看起来就变成透明的了，与之前默认样式的按钮完全不一样了
推荐阅读
- 三十岁了,应该创业做小生意还是继续上班拿死工资？
- 如何证明夫妻双方分居 如何才能证明夫妻分居
- 昂科威雾灯怎么开求图 昂科威雾灯怎么开图解
- 对于借钱不还的人怎么办 如果有人欠钱不还怎么办?
- 羊肉吃着发酸怎么回事
- 第五人格金皮体验卡怎么获得之前 第五人格金皮体验卡怎么获得
- 消防文员是什么编制,是公务员吗 消防文员是什么编制
- OPPOa72可以无线充电吗 oppoa72支持无线充电吗
- 电脑如何进去休眠状态 如何让电脑进入到休眠状态