html怎样同时设置按钮的字体颜色和按钮的颜色

html-css047

html怎样同时设置按钮的字体颜色和按钮的颜色,第1张

1、字体颜色用color属性设置,背景颜色用background属性设置。具体方法是首先打开hbuilder编辑器新建html文档,文档中设置一个按钮:

2、然后给按钮一个样式,这里叫btn,在上方的style标签中设置btn类的属性,这里设置字体大小和字体颜色,最后设置按钮的大小、边框以及背景颜色:

3、打开浏览器,可以看到一个绿底红字的按钮,至此按钮的字体和按钮的颜色就设置好了:

1、首先新建一个html文件,命名为test.html,在test.html文件内,使用p标签创建一段文字,并且设置p标签的id属性为txt,主要用于下面通过该id获得元素对象。

2、然后在p标签的下面,使用button标签创建一个按钮,名称为“改变字体大小”。

3、接着在test.html的js标签内,使用function声明一个函数cgsize()。

4、然后在cgsize()函数内,使用getElementById()方法获得p元素对象,并设置style属性中的fontSize为25px,即字体的大小改变为25px。

5、最后在浏览器打开test.html文件,点击按钮,改变文字的大小。