如何给HTML中的button按钮添加背景,不止一个,可以先看一下要求实现效果,注意:是两种颜色

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<body>标签中,输入html代码:

<div style="width: 100px; height: 50px; font-size: 14px; cursor: pointer">

<div style="width: 100%; height: 25px;background-color: orange">这是文字1</div>

<div style="width: 100%; height: 25px;background-color: red">这是文字2</div>

</div>

3、浏览器运行index.html页面,此时按钮被添加上下两个不同颜色的背景。