萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> 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;
- 上一頁:CSS給文本輸入框添加背景圖像
- 下一頁:css中的框架模
