html按钮怎么写( 二 ) _按钮

</body>
</html>
代码如上，兼容直到IE6
4. HTML 如何实现自定义按钮给按钮写样式就行啊。以下代码仅供参考。
<input type="button" value="http://www.xuexi88.com/zhishi/这是一个按钮" class="btn">
<style type="text/css">
.btn{width:120px;padding:0;cursor:pointer;display:inline-block;text-align:center;border:1px solid transparent;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;height:30px;line-height:30px;font-family:"Microsoft Yahei";font-size:15px;padding:0 15px;border-color:#45ad00;background:#45ad00;color:#fff;}
</style>
5. HTML中,怎么表示一个图片按钮方法1:
给图片加一个onclick事件，用js事件来提交就可以实现。
例：<input type="image" src="http://www.xuexi88.com/zhishi/图片地址" />
方法2:
有CSS把图片设为按钮背景就可以了
例： <input name="" type="button" style=" width:10px; height:10px; border:0; background:url（图片路径） no-repeat left top" />
提示：需要把按钮的宽高设的和图片一样。
6. 网页中用CSS做按钮怎么做很炫的呦！粘贴在记事本里，保存为**.html即可！呵呵！祝你学习天天有进步！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "1/DTD/xhtml1-transitional.dtd">
<html xmlns="">
<head>
<meta ; charset=utf-8" />
<title>CSS制作时尚navigation</title>
<style type="text/css">
body {
background-color:#FCC;
color:#ffffff;
font-size:14px;
}
#navigation {
width:150px;
font-family:Arial;
}
#navigation ul {
list-style-type:none;
margin:0px;
padding:0px;
}
#navigation li {
border-right:2px solid #FC0;
}
#navigation li a {
display:block;
padding:5px 5px 5px 2px;
text-decoration:none； /*去掉下划线*/
border-right:3px solid #690512;
border-bottom:3px solid #690512;
border-left:3px solid #afafaf;
【html按钮怎么写】border-top:3px solid #ffffff;
}
#navigation li a:link,#navigation li a:visited {
background-color:#c11136;
color:#FFFFFF;
}
#navigation li a:hover {
background-color:#FF0;
color:#F00;
}
</style>
</head>
<body>
<div id=navigation>
<ul>
<li><a href="http://www.xuexi88.com/zhishi/#">Homepage</a></li>
<li><a href="http://www.xuexi88.com/zhishi/#">Myblog</a></li>
<li><a href="http://www.xuexi88.com/zhishi/#">About us</a></li>
<li><a href="http://www.xuexi88.com/zhishi/#">My music</a></li>
<li><a href="http://www.xuexi88.com/zhishi/#">My Diary</a></li>
<li><a href="http://www.xuexi88.com/zhishi/#">Play</a></li>
<li><a href="http://www.xuexi88.com/zhishi/#">Learn</a></li>
<li><a href="http://www.xuexi88.com/zhishi/#">Sing</a></li>
</ul>
</div>
</body>
</html>

文章插图