如何利用CSS为html的submit设置样式

 时间:2024-10-12 04:46:47

1、下图所示的,是一个没有添加任何样式的按钮,您可以看一下,默认样式下,按钮的外观并不是太好。

如何利用CSS为html的submit设置样式

3、经过给它设置长度与宽度后,变成了下图所示,相比与没有任何样式,它会好出很多。

如何利用CSS为html的submit设置样式

5、接下来,我们可以给它一个背景,我们使用红色的背景,需要添加的CSS代码如下图所示,html不需要添加任何的代码。

如何利用CSS为html的submit设置样式

7、除了使用颜色设置背景外,您的业务如果有需求,您也可以使用图片作为背景。如我这里设置背景颜色修改为#ccc.

如何利用CSS为html的submit设置样式

9、如果字体或是字号不是您所需要的话,您可以修改一下字体与字号,修改的代码只需要使用下图所示的代码即可,当然,您可以使用其他的字体与字号。

如何利用CSS为html的submit设置样式

11、您还可以设置它的其他更多样式,方法是直接添加CSS代码即可。

如何利用CSS为html的submit设置样式
  • QTP10中如何为设置参数化?
  • trufun plato怎么用
  • 如何使用JavaScript中的function
  • setattribute用法
  • python3 循环输出的每次结果如何写入文件
  • 热门搜索
    旅游路线设计方案 上海到泰国旅游 上海黄山旅游 长白山旅游地图 旅游超市 中国旅游的好地方 松山森林旅游区 哈尔滨旅游景点介绍 连江旅游景点大全 大青沟旅游