如何利用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设置样式
猜你喜欢