[WebTech #65] CSS > 4. CSS 範例 > 4-4 視覺元件 > 4-4-2 按鈕
按鈕是視覺元件中最常見的。本文將介紹如何用 CSS3 製作美輪美奐的按鈕，並提供數個範例供您參考。
用 CSS3 製作按鈕的方法：
http://designmodo.com/create-css3-buttons/
CSS3 按鈕範例（一般）：
(1) http://www.hongkiat.com/blog/css3-glossy-effect/
(2) http://webdesign.tutsplus.com/tutorials/site-elements/orman-clarks-chunky-3d-web-buttons-the-css3-version/
CSS3 按鈕範例（精緻）：
(1) http://www.red-team-design.com/just-another-awesome-css3-buttons
(2) http://tympanus.net/codrops/2012/01/11/css-buttons-with-pseudo-elements/
(3) http://webdesign.tutsplus.com/tutorials/quicktip-pressable-css3-social-buttons/
CSS3 按鈕範例（華麗）：
(1) http://tympanus.net/codrops/2011/11/07/animated-buttons-with-css3/
(2) http://www.hongkiat.com/blog/css3-on-off-button/
底下嚴格說起來不是按鈕，是購買頁讓使用者選擇不同價格的介面。不過用途與按鈕類似，就把它編在此處了：
(1) http://www.red-team-design.com/css3-pricing-table
最棒的 CSS Selector 或 Properties 線上參考手冊：
（進入後，Selector 在中央，Properties 在左下選單）
http://www.w3schools.com/cssref/css_selectors.asp
css按鈕範例 在 登出按鈕CSS 寫法範例 的推薦與評價
登出按鈕CSS 寫法範例. a.logout {. border: 1px solid #000000;. padding: 10px 20px;. border-radius: 10px;. color:#000;. line-height: 50px. } a.logout:hover {. ... <看更多>