按钮样式

来源:互联网 发布:双程网络剧 编辑:程序博客网 时间:2024/05/18 03:01

 A.button_link {
 BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 8px; BACKGROUND: #f7f7f7; PADDING-BOTTOM: 4px; MARGIN: 0px 3px; BORDER-LEFT: #ffffff 1px solid; WIDTH: 75px; COLOR: #000000; PADDING-TOP: 4px; BORDER-BOTTOM: #000000 1px solid; TEXT-ALIGN: center
}
A.button_link:hover {
 BORDER-LEFT-COLOR: #000000; BACKGROUND: #ccc; BORDER-BOTTOM-COLOR: #ffffff; COLOR: #333; BORDER-TOP-COLOR: #000000; TEXT-DECORATION: none; BORDER-RIGHT-COLOR: #ffffff
}
A.button_link:active {
 BACKGROUND: #d9d9d9; COLOR: #000000; TEXT-DECORATION: none
}
A.button_link:link {
 BACKGROUND: #d9d9d9; COLOR: #000000; TEXT-DECORATION: none
}
A.button_link:visited {
 BACKGROUND: #d9d9d9; COLOR: #000000; TEXT-DECORATION: none
}

 

<a href="javascript:doPrint();" class="button_link">打印本文</a><a href="javascript:window.opener=null;window.close();" class="button_link">关闭本文</a>

原创粉丝点击