css 立體效果:CSS立體按鈕效果

DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> css 立體效果:CSS立體按鈕效果

css 立體效果:CSS立體按鈕效果

編輯：CSS詳解

<head> 
<title>立體按鈕 - www.cxybl.com</title> 
<style type="text/CSS"> 
#elButton a { 
color: #000000; 
font-size:12px; 
font-family:verdana; 
font-weight:bold; 
text-decoration: none; 
border:4px outset aqua; 
background-color:#00ffff; 
display: block; 
width: 130px; 
padding: 3px 5px; 
margin: 1px; 
} 
#elButton a:hover { 
background-color: #00c0c0; 
color:#000000; 
padding-left:4px; 
border:4px inset aqua; 
} 
#elButton a { 
color: #000; 
font-size:12px; 
font-family:verdana; 
font-weight:bold; 
text-decoration: none; 
border:4px outset aqua; 
background-color:#00ffff; 
display: block; 
width: 130px; 
padding: 3px 5px; 
margin: 1px; 
} 
#elButton a:hover { 
background: #00c0c0; 
color:#000000; 
padding-left:4px; 
border:4px inset aqua; 
} 
</style> 
</head> 
<body> 
<div id="elButton"> 
<div> 
</div> 
</div> 
</body> 
</Html>

本文鏈接http://www.cxybl.com/html/wyzz/CSS/20130908/40078.Html

上一頁:css漂亮的輸入框:CSS美化的漂亮搜索框
下一頁:css文本輸入框:CSS給文本輸入框添加背景

CSS詳解

網頁簡歷結構和語義信息:hResume微格式: hResume背景在我們詳細討論hResume之前，先來了解一些背景知識。提案規范hResume是
CSS網頁設計實例:商旅網首頁的標簽切換: 文章簡介：CSS網頁設計實例:商旅網首頁的標簽切換. 上個月的項目了。。。標簽切換有很多方法可以實
IE和Firefox下編寫Javascript的區別(3): 8.關於frame(1)現有問題在IE中可以用window.testFrame取得該frame，m

DIV CSS 佈局教程網

相關文章