天蠶在你身邊
不方便打電話(huà)?讓天蠶聯(lián)絡(luò)你
天蠶在你身邊
不方便打電話(huà)?讓天蠶聯(lián)絡(luò)你
網(wǎng)頁(yè)制作要美觀,所使用的網(wǎng)頁(yè)設(shè)計(jì)技巧當(dāng)然很多。如使用圖片或者gif動(dòng)畫(huà),有的更精巧的更使用到flash下去制作一些功能按鈕。但您可能不知專(zhuān)門(mén)在使 用在網(wǎng)頁(yè)制作上的行距或者表格的規(guī)范的css,竟然也可以做一些像flash的網(wǎng)頁(yè)制作效果。例如像一些按鈕或一些像是使用flash、gif所制作出來(lái) 的動(dòng)畫(huà)。其實(shí)使用css網(wǎng)頁(yè)制作技巧的方法還是非常多的。因?yàn)閏ss所做出的網(wǎng)頁(yè)制作技巧看起來(lái)不像圖那樣的粗糙,它完全是類(lèi)似相量的東西。因此許多人仍 喜歡應(yīng)用css下去做一些網(wǎng)頁(yè)制作的效果。
那如何制作網(wǎng)頁(yè)制作按鈕?
以下所要介紹的便是在網(wǎng)頁(yè)制作按鈕的技巧。從中我們可了解一些css的語(yǔ)法與應(yīng)用制作的方式。首先我們必需將css的語(yǔ)法貼在<head> 與</head>之間,再將下方xhtml的語(yǔ)法貼于<body>與</body>之間,這樣動(dòng)態(tài)的css所制作的 效果就能立即呈現(xiàn)。<div id="menu">就是將您所要呈現(xiàn)按鈕的地方去呼叫上方的css語(yǔ)法。而上方css所制作與設(shè)計(jì)的語(yǔ)法" #menu a, #menu a:visited { "便是設(shè)定按下按鈕的一些設(shè)定與參數(shù),"#menu a:hover { "則是滑鼠滑過(guò)按鈕的效果。
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>
地址:重慶市渝中區(qū)上清寺鑫隆達(dá)B座28-8
郵編:400015
電話(huà):023-63612462
EMAIL:cnjl_net@163.com