<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>title>
<style type="text/css">
.box {
width: 100pxheight: 100pxposition: relative
}
.box a {
width: 100pxheight: 100pxdisplay: blockposition: absolutetop: 0left:0background: #ffffilter:alpha(opacity=0)/* IE */ opacity:0)/* FF */
}
.box a:hover {
width: 100pxheight: 100pxdisplay: blockbackground: url(111.jpg) no-repeat center centerfilter:alpha(opacity=100)opacity:1
}
CSS3代码
随着HTML5/CSS3技术日趋成熟，现如今被越来越多的网站广泛的运用。模板之家代码频道为大家收集整理最新的CSS3按钮代码，CSS3菜单代码，CSS3特效代码等供大家学习交流，好的代码是学习进步的基石同时也可以在项目中得以运用。
<!DOCTYPE html><html> <head> <title>Dropdown</title> <link rel="stylesheet" href="style.css"> <meta charset="utf-8" /> </head> <body> <ul> <li class="dropdown"> <a id="a" href="javascript:void(0)" class="dropbtn" onclick="showList(this)">标题 A</a> <div class="dropdown-content" id="dropdown-a"> <a href="#">下拉 1</a> <a href="#">下拉 2</a> <a href="#">下拉 3</a> </div> </li> <li class="dropdown"> <a id="b" href="javascript:void(0)" class="dropbtn" onclick="showList(this)">标题 B</a> <div class="dropdown-content" id="dropdown-b"> <a href="#">下拉 1</a> <a href="#">下拉 2</a> <a href="#">下拉 3</a> </div> </li> </ul> <script src="script.js"></script> </body></html>在网页中插入一个按钮很简单，只要在dreamweaver中点击插入按钮的图标就可以了，随后网页中会插入按钮的代码： <input type="submit" name="Submit" value="提交" /> 这个按钮在页面中的样式是随windows的主题变化的，也就是windows的按钮默认样式。http://www.fulinmenst.com/yanwo/index.html 希望能帮到您！
