html如何设置按钮的背景图片_随笔

1、首先将网页文件和需要到的图片放到同一个文件中。

2、在文件夹中，鼠标右键单击空白处选择打开“文本文档”。

3、然后打开文本文档，点击输入下方的代码：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

4、然后点击打开左上角文件中的“另存为”，重命名新建文本文档为index.html，回车确定。

5、然后选择想要的背景图片。

6、点击index.html，右键浏览器打开预览效果。

7、然后就完成了。

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

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<button>标签中，加入样式代码：style="background: url(small2.png)width:150pxheight:60px"。

3、浏览器运行index.html页面，此时按钮被成功添加了图片。

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

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

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

</div>

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

欢迎分享，转载请注明来源：内存溢出

html如何设置按钮的背景图片