ul+li及css制作韓國(guó)風(fēng)格菜單代碼
更新時(shí)間：2007年11月15日 21:26:10 作者：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
韓國(guó)網(wǎng)站的設(shè)計(jì)風(fēng)格特征鮮明，色彩明快，現(xiàn)在越來(lái)越多的人正在模仿這種風(fēng)格。
韓國(guó)風(fēng)格的網(wǎng)站設(shè)計(jì)思路之所以受到大家的喜歡，因?yàn)槠渖首兓S富，韓國(guó)風(fēng)格的網(wǎng)站有一個(gè)最明顯的特點(diǎn)就是對(duì)于表格或是標(biāo)題欄常會(huì)加上橫或豎的一條色帶。我們平常是常過(guò)圖象圖片軟件來(lái)制作這樣的效果，圖片體積大，下載較慢。我們完全可以用CSS來(lái)做這樣的風(fēng)格，因?yàn)橛肅SS只是對(duì)樣式定義，不需要應(yīng)用圖片，下載速度會(huì)大大加快。
首先我們定義了列表項(xiàng)，寬度外邊距及內(nèi)邊距。再設(shè)置鏈接文字的樣式。我們使用類aa、bb、cc來(lái)定義不同列表項(xiàng)的色彩，在這三個(gè)類的定義中，我們定義了上邊框?yàn)?px。也就是韓國(guó)風(fēng)格中最常見(jiàn)的色帶。
相關(guān)文章
屏蔽IE瀏覽器（也就是IE下不顯示）2008-12-12
css條件注釋理論及實(shí)踐源文件...2007-03-03
何為XHTML??...2007-01-01
z-index是CSS中控制元素層級(jí)的屬性，但其工作原理并不簡(jiǎn)單。本文將深入探討z-index的工作原理，包括堆疊上下文、層疊順序和層疊上下文等概念，并介紹z-index的應(yīng)用技巧，如如何避免z-index的陷阱、如何使用z-index實(shí)現(xiàn)復(fù)雜布局等。2023-05-05
昨天在使用css結(jié)合div布局的時(shí)候碰到了一個(gè)問(wèn)題。 在一個(gè)規(guī)定寬度大小的ul里邊 我把li的寬度定義為自動(dòng)。企圖讓li根據(jù)內(nèi)容長(zhǎng)度來(lái)自動(dòng)向左對(duì)齊排列。2008-07-07
大家需要掌握的 html下SPAN和DIV的區(qū)別...2007-08-08
網(wǎng)頁(yè)綠色系配色應(yīng)用實(shí)例圖文
綠色在黃色和藍(lán)色（冷暖）之間，屬于較中庸的顏色，這樣使得綠色的性格最為平和、安穩(wěn)、大度、寬容。是一種柔順、恬靜、滿足、優(yōu)美、受歡迎之色。也是網(wǎng)頁(yè)中使用最為廣泛的顏色之一。2008-08-08
列表前的小方塊有的用圖片，但我最近做的項(xiàng)目很快用圖片就被我否則掉了，因?yàn)橛卸嗵罪L(fēng)格，如果有4套難道要做4組圖片？那以后呢？2008-07-07
研究了一下div+css的高度自適應(yīng)問(wèn)題
研究了一下div+css的高度自適應(yīng)問(wèn)題...2007-08-08
前端html+css實(shí)現(xiàn)動(dòng)態(tài)生日快樂(lè)代碼
?生日送什么禮物總是要花一番心思，別出心裁不落俗套，什么禮物才能讓那一個(gè)她開(kāi)心呢？來(lái)看看前端大大用html+css實(shí)現(xiàn)動(dòng)態(tài)生日快樂(lè)代碼吧，親測(cè)可用。2023-01-01