需要准备的材料分别有：电脑、chrome浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
2、在index.html中的<img>标签中新增样式代码：style="opacity: 0.2"。
3、浏览器运行index.html页面，此时设置的图片的背景颜色是透明的。
1、首先新建一个记事文本，重新命名背景颜色.html，按回车确认，如下图所示。
2、回到桌面选中新创建的背景颜色.html文件，右键选择记事本打开，然后在记事本中手动输入图中代码，这是一个标准的html头尾格式。
3、在<body>中添加代码：bgcolor="#000000"，保存。
4、这时在桌面打开背景颜色.html，打开页面显示为黑色背景，如下图所示就完成了。
给个代码你看看
按钮的鼠标动作效果.html 代码清单如下：
<!doctype html><html lang="zh">
<head>
<meta charset="utf-8">
<title>按钮的鼠标动作效果</title>
<link rel="stylesheet" href="button.css">
</head>
<body>
<input type="button" value="我是按钮">
</body>
</html>
button.css 代码清单如下：
input {background: white /* 正常情况下按钮的背景颜色 */
}
input:hover {
color: white /* 鼠标滑过按钮时的字体颜色 */
background: black /* 鼠标滑过按钮时的背景颜色 */
}
input:active {
color: blue /* 鼠标点击按钮时的字体颜色 */
background: navy /* 鼠标点击按钮时的背景颜色 */
}
如果要设置图片背景 button.css 代码清单如下：
input {background: url("x.png")
}
input:hover {
background: url("y.png")
}
input:active {
background: url("z.png")
}
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）