html5按钮怎么调透明度

 时间:2024-10-19 14:02:50

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

html5按钮怎么调透明度

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

html5按钮怎么调透明度

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

html5按钮怎么调透明度

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

html5按钮怎么调透明度

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

html5按钮怎么调透明度

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

html5按钮怎么调透明度

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

html5按钮怎么调透明度
  • 如何在HTML中插入图片
  • 怎样让html中的文字垂直水平居中显示
  • html背景图片自适应屏幕大小
  • css如何修改ul的li之间的间隔
  • 实现整个html居中最简单方法
  • 热门搜索
    法治社会手抄报 人间真情手抄报 有关水的手抄报 语文手抄报资料 走进汉字王国手抄报 三年级下册手抄报大全 关于手抄报的图画 创文明城市手抄报资料 绿色低碳环保手抄报 清明节英语手抄报内容