利用CSS做成的視覺選單

woff · 發表於 2008-9-21 19:21:36

步驟一、複製程式碼至<head></head>之間

<style type='text/css'>
A:link{font: 9pt Arial; color:#ffffff;text-decoration:none;}
A:visited{font: 9pt Arial; color:#ffffff;text-decoration:none;}
A:hover{font: 9pt Arial; color:#ffdcd0;text-decoration:none}
.baseline {
position:absolute;
left:120px;
top:140px;
line-height:200%;
font-family:Verdana;
font-size:10pt;
color:"Blue";
width:400;
}
</style>
<table border='0' width='130' height='100' onMouseover="bgColor='#FFCFBF'" onMouseout="bgColor=''">
<tr>
<td bgColor="#FFCFBF">
<font color='white' size="2"><b>CSS網頁選單</b></font>
</td>
<tr>
<td onMouseOver="bgColor='#cc3300'" onMouseout="bgColor=''">
<a href=DHTML.htm><b>DHTML</b></a>
</td>
<tr>
<td onMouseOver="bgColor='#cc3300'" onMouseout="bgColor=''">
<a href=html-1.htm><b>HTML</b></a>
</td>
<tr>
<td onMouseOver="bgColor='#cc3300'" onMouseout="bgColor=''">
<a href="ga-no.htm"><b>拼拼看</b></a>
</td>
</tr>
</table>

複製代碼

修改事項：
可以自行試著修改CSS色彩。

帳號		自動登錄		找回密碼
密碼				註冊

[教學] 利用CSS做成的視覺選單