ul+li及css制作韓國風格菜單代碼

更新時間：2007年11月15日 21:26:10 作者：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>www.dbjr.com.cn</title> <style type="text/css">  </style> </head> <body> <ul id="nav"> <li id="vvxyksv9kd"    class="aa"><a href="http://www.dbjr.com.cn/">CSS Templates Free Download </a></li> <li id="vvxyksv9kd"    class="bb"><a href="http://www.dbjr.com.cn/">CSS WebSites Showcase </a></li> <li id="vvxyksv9kd"    class="cc"><a href="http://www.dbjr.com.cn/">CSS Web Design Article </a></li> </ul> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

韓國網(wǎng)站的設計風格特征鮮明，色彩明快，現(xiàn)在越來越多的人正在模仿這種風格。

韓國風格的網(wǎng)站設計思路之所以受到大家的喜歡，因為其色彩變化豐富，韓國風格的網(wǎng)站有一個最明顯的特點就是對于表格或是標題欄常會加上橫或豎的一條色帶。我們平常是常過圖象圖片軟件來制作這樣的效果，圖片體積大，下載較慢。我們完全可以用CSS來做這樣的風格，因為用CSS只是對樣式定義，不需要應用圖片，下載速度會大大加快。

首先我們定義了列表項，寬度外邊距及內(nèi)邊距。再設置鏈接文字的樣式。我們使用類aa、bb、cc來定義不同列表項的色彩，在這三個類的定義中，我們定義了上邊框為4px。也就是韓國風格中最常見的色帶。