網頁制作要美觀，所使用的網頁設計技巧當然很多。如使用圖片或者gif動畫，有的更精巧的更使用到flash下去制作一些功能按鈕。但您可能不知專門在使用在網頁制作上的行距或者表格的規范的css，竟然也可以做一些像flash的網頁制作效果。例如像一些按鈕或一些像是使用flash、gif所制作出來的動畫。其實使用css網頁制作技巧的方法還是非常多的。因為css所做出的網頁制作技巧看起來不像圖那樣的粗糙，它完全是類似相量的東西。因此許多人仍喜歡應用css下去做一些網頁制作的效果。
以下所要介紹的便是在網頁制作按鈕的技巧。從中我們可了解一些css的語法與應用制作的方式。首先我們必需將css的語法貼在
與之間，再將下方xhtml的語法貼于與之間，這樣動態的css所制作的效果就能立即呈現。就是將您所要呈現按鈕的地方去呼叫上方的css語法。而上方css所制作與設計的語法" #menu a, #menu a:visited { "便是設定按下按鈕的一些設定與參數，"#menu a:hover { "則是滑鼠滑過按鈕的效果。
?
CASCADING STYLE SHEET
#menu a, #menu a:visited {?
? position:relative;?
? text-decoration:none;?
? text-align:center;?
? background-color:#9ab;?
? color:#fff;?
? display:block;?
? width:10em;?
? border:2px solid #fff;?
? border-color:#def #678 #345 #cde;?
? padding:0.25em;?
? margin:0.5em auto;?
? }
#menu a:hover {?
? top:2px;?
? left:2px;?
? color:#fff;?
? border-color:#345 #cde #def #678;?
? }
XHTML
