ul+li及css制作韓國風(fēng)格菜單代碼
更新時(shí)間:2007年11月15日 21:26:10 作者:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
韓國網(wǎng)站的設(shè)計(jì)風(fēng)格特征鮮明,色彩明快,現(xiàn)在越來越多的人正在模仿這種風(fēng)格。
韓國風(fēng)格的網(wǎng)站設(shè)計(jì)思路之所以受到大家的喜歡,因?yàn)槠渖首兓S富,韓國風(fēng)格的網(wǎng)站有一個(gè)最明顯的特點(diǎn)就是對于表格或是標(biāo)題欄常會加上橫或豎的一條色帶。我們平常是常過圖象圖片軟件來制作這樣的效果,圖片體積大,下載較慢。我們完全可以用CSS來做這樣的風(fēng)格,因?yàn)橛肅SS只是對樣式定義,不需要應(yīng)用圖片,下載速度會大大加快。
首先我們定義了列表項(xiàng),寬度外邊距及內(nèi)邊距。再設(shè)置鏈接文字的樣式。我們使用類aa、bb、cc來定義不同列表項(xiàng)的色彩,在這三個(gè)類的定義中,我們定義了上邊框?yàn)?px。也就是韓國風(fēng)格中最常見的色帶。
相關(guān)文章
DIV+CSS作網(wǎng)頁容易犯的錯(cuò)誤小結(jié)
DIV+CSS作網(wǎng)頁容易犯的錯(cuò)誤小結(jié)...2007-11-11[轉(zhuǎn)]目前找到的最好的Iframe自適應(yīng)高度代碼
[轉(zhuǎn)]目前找到的最好的Iframe自適應(yīng)高度代碼...2007-02-02CSS Div 最小高度在IE 6 和IE 7中的兼容性問題
CSS Div 最小高度在IE 6 和IE 7中的兼容性問題...2007-04-04CSS定位中Positoin、absolute、Relative的一些研究
用Div+CSS進(jìn)行網(wǎng)站布局時(shí),做一些浮動層等特殊特殊效果時(shí)要考慮到定位問題。這就要用到Positoin屬性等。2008-10-10布局用CSS+DIV的優(yōu)點(diǎn)總結(jié)
布局用CSS+DIV的優(yōu)點(diǎn)總結(jié)...2007-08-08