网页制作要美观，所使用的网页设计技巧当然很多。如使用图片或者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
item 1?
? item 2?
? item 3?
? item 4?
? item 5