1、首先将网页文件和需要到的图片放到同一个文件中。
2、在文件夹中，鼠标右键单击空白处选择打开“文本文档”。
3、然后打开文本文档，点击输入下方的代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"><!--编码类型-->
<title>网页标题</title><!--网页标题-->
</head>
<body>
4、然后点击打开左上角文件中的“另存为”，重命名新建文本文档为index.html，回车确定。
5、然后选择想要的背景图片。
6、点击index.html，右键浏览器打开预览效果。
7、然后就完成了。
1、首先创建一个新的html文件，如图所示。
2、在html文件上找到body标签，在这个标签里创建一个div标签并设置class类为bg ，如图所示。
3、接着在title标签后创建style标签用来给bg类添加样式。在这给bg类设置了一个宽、高和背景颜色。
4、然后设置鼠标滑过div时背景变色。给bg样式类添加鼠标滑过：hover，然后设置鼠标滑过时的背景颜色。
5、最后实用浏览器打开，保存好html后使用浏览器打开，在鼠标没有滑过div时背景是红色的，当鼠标滑过div的时候背景从红色变为了棕色。
当给页面的button进行重新定义样式的时候，有一点需要注意，就是如果使用background-imge来将图片作为按钮的背景的时候，如果同时你为按钮的border也设定了宽度和颜色，你会发现，在按钮背景与边框中间有大约1px的一个内侧边框，而如果你直接设定background-color的时候，就不会有这样的问题，所以，如果你想为新的按钮添加一个特殊颜色的边框，但又不想被这个内侧的边框影响的话，只需要变通地把background-color也设置为与border的颜色一致，就可以达到效果啦，当然，你可以将border的宽度减少1px，因为内侧边框也是有宽度的哦。欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）