在进行网页设计的时候,通常需要对按钮做一些样式上的修改,达到美化的效果。那么,在html5的页面中,如何设置按钮的透明度呢?
打开vscode,创建一个html5规范的测试页面H5Button.html。如果没有vscode,使用文本文件也是一样的效果
在测试页面中添加一个按钮,注意,h5页面的按钮是button标签,不再是input标签了
在浏览器中运行测试页面,可以看到默认按钮的样子,这样的按钮样式,通常来说是不被接受的,因为太过于普通
在测试页面中,添加style代码块,在这里对所有button进行样式修改。因为,此处仅仅只做演示,所以,直接对按钮进行了样式修改,如果只需要对部分按钮进行样式修改,就可以使用类或者id选择器
在浏览器中,再次运行测试页面,可以看到按钮变大了,其余并没有太大的区别
这个时候,继续在测试页面中,对按钮的样式进行修改,添加按钮文字的颜色、按钮背景色、按钮边框大小和颜色
在浏览器中运行,可以看到按钮看起来就变成透明的了,与之前默认样式的按钮完全不一样了
华硕怎么进入360还原(360路由器怎么还原)
1、打开华硕笔记本电脑,打开Windows7系统,在开始菜单中点击“控制面板”,点击进入。2、在“控制面板”中点击“备份和还原”,点击打开。3(0)人阅读时间:2023-08-29钓螃蟹怎么栓鸡肠子 钓螃蟹用鸡肝
如果是用三本钩,就把鸡肠缠绕在钩上,扔到水底就可以了。普通单钩的话,穿到钩上就可以了。记住鸡肠一定要钓底。一般我们用鸡肠这种腥味(0)人阅读时间:2023-08-29火龙果是发物吗(红心火龙果是发物吗)
火龙果并不是发物。火龙果属于凉性水果,在自然状态下,果实于夏秋成熟,味甜,多汁,且营养价值丰富。而常见的发物是指那些有刺激性且容易诱(0)人阅读时间:2023-08-29win10定时开机怎么设置(win10电脑定时开机怎么设置)
1、首先查看电脑的休眠功能是否开启,如果没有需要先开启计算机的休眠功能。2、取消选择“自动重新启动”。3、进入windows“控制面板(0)人阅读时间:2023-08-29华硕怎么进入360还原(360路由器怎么还原)
1、打开华硕笔记本电脑,打开Windows7系统,在开始菜单中点击“控制面板”,点击进入。2、在“控制面板”中点击“备份和还原”,点击打开。3..2023-08-29钓螃蟹怎么栓鸡肠子 钓螃蟹用鸡肝
如果是用三本钩,就把鸡肠缠绕在钩上,扔到水底就可以了。普通单钩的话,穿到钩上就可以了。记住鸡肠一定要钓底。一般我们用鸡肠这种腥味..2023-08-29火龙果是发物吗(红心火龙果是发物吗)
火龙果并不是发物。火龙果属于凉性水果,在自然状态下,果实于夏秋成熟,味甜,多汁,且营养价值丰富。而常见的发物是指那些有刺激性且容易诱..2023-08-29win10定时开机怎么设置(win10电脑定时开机怎么设置)
1、首先查看电脑的休眠功能是否开启,如果没有需要先开启计算机的休眠功能。2、取消选择“自动重新启动”。3、进入windows“控制面板..2023-08-29