CSS立體按鈕效果

DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> CSS立體按鈕效果

CSS立體按鈕效果

編輯：布局實例

head title 立體按鈕-www.cxybl.com / title style type = text/css #elButtona{ color:#000000; font-size:12px; font-family:verdana; font-weight:bold; text-decoration:none; border:4pxoutsetaqua; background-color:#00ffff; display:block; width:13

<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>

布局實例

純語義化XHTML CSS設計表單方法: 很多CSS愛好者不喜歡HTML表格，尤其是在制作表單的時候，雖然現在已經是XHTML
網頁制作CSS樣式九條技巧: 第一.css字體的簡寫平時當你使用css定義字體時你可能會這樣做：font-size: 1em;&n
網頁添加CSS樣式表的四種方式: 一、使用STYLE屬性：將STYLE屬性直接加在個別的元件標簽裡。 <元件(標簽)

DIV CSS 佈局教程網

相關文章