網(wǎng)頁制作要美觀，所使用的網(wǎng)頁設(shè)計技巧當(dāng)然很多。如使用圖片或者gif動畫，有的更精巧的更使用到flash下去制作一些功能按鈕。但您可能不知專門在使 用在網(wǎng)頁制作上的行距或者表格的規(guī)范的css，竟然也可以做一些像flash的網(wǎng)頁制作效果。例如像一些按鈕或一些像是使用flash、gif所制作出來 的動畫。其實(shí)使用css網(wǎng)頁制作技巧的方法還是非常多的。因為css所做出的網(wǎng)頁制作技巧看起來不像圖那樣的粗糙，它完全是類似相量的東西。因此許多人仍 喜歡應(yīng)用css下去做一些網(wǎng)頁制作的效果。
那如何制作網(wǎng)頁制作按鈕？
以下所要介紹的便是在網(wǎng)頁制作按鈕的技巧。從中我們可了解一些css的語法與應(yīng)用制作的方式。首先我們必需將css的語法貼在<head> 與</head>之間，再將下方xhtml的語法貼于<body>與</body>之間，這樣動態(tài)的css所制作的 效果就能立即呈現(xiàn)。<div id="menu">就是將您所要呈現(xiàn)按鈕的地方去呼叫上方的css語法。而上方css所制作與設(shè)計的語法" #menu a, #menu a:visited { "便是設(shè)定按下按鈕的一些設(shè)定與參數(shù)，"#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
<div id="menu">
<a href="#nogo">Item 1</a>
<a href="#nogo">Item 2</a>
<a href="#nogo">Item 3< /a>
<a href="#nogo">Item 4</a>
<a href="#nogo">Item 5</a>
</div>
重慶網(wǎng)絡(luò)公司
渝公網(wǎng)安備 50010302000872號