一個(gè)導(dǎo)航條布局的簡(jiǎn)單寫法
更新時(shí)間：2006年09月28日 00:00:00 作者：
我希望能用最簡(jiǎn)單的代碼去解決問題！
CSS部分
<style>
#menu ul {list-style:none;margin: 0px;padding: 0px;}
#menu li {float:left;font-size:12px; background: #999; padding:2px 20px;border:1px solid #000; margin-left: -1px;}
</style>
內(nèi)容部分：
<div id="menu">
<ul>
<li>標(biāo)題一</li>
<li>標(biāo)題一</li>
<li>標(biāo)題一</li>
<li>標(biāo)題一</li>
<li>標(biāo)題一</li>
<li>標(biāo)題一</li>
</ul>
</div>
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
CSS部分
復(fù)制代碼 代碼如下:
<style>
#menu ul {list-style:none;margin: 0px;padding: 0px;}
#menu li {float:left;font-size:12px; background: #999; padding:2px 20px;border:1px solid #000; margin-left: -1px;}
</style>
內(nèi)容部分：
復(fù)制代碼 代碼如下:
<div id="menu">
<ul>
<li>標(biāo)題一</li>
<li>標(biāo)題一</li>
<li>標(biāo)題一</li>
<li>標(biāo)題一</li>
<li>標(biāo)題一</li>
<li>標(biāo)題一</li>
</ul>
</div>
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
動(dòng)態(tài)CSS站點(diǎn)教程：多個(gè)頁面樣式提供瀏覽者選擇
動(dòng)態(tài)CSS站點(diǎn)教程：多個(gè)頁面樣式提供瀏覽者選擇...2006-09-09
CSS3使用過度動(dòng)畫和緩動(dòng)效果案例講解
這篇文章主要介紹了CSS3使用過度動(dòng)畫和緩動(dòng)效果案例講解,本篇文章通過簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-07-07
China.com網(wǎng)站開發(fā)規(guī)范
China.com網(wǎng)站開發(fā)規(guī)范...2006-10-10
本文介紹了CSS中的各類居中方式，8種方式的實(shí)現(xiàn)方法講解的很詳細(xì)，還配有對(duì)應(yīng)的效果圖,需要的朋友可以參考下2015-07-07
左圖右內(nèi)容其實(shí)就是一個(gè)很簡(jiǎn)單的布局了，我們經(jīng)常會(huì)在種大的門戶網(wǎng)站經(jīng)?？吹降膱D文混排效果了，下面給大家介紹一下實(shí)例2013-11-11
這篇文章主要介紹了用css截取字符的幾種方法詳解,需要的朋友可以參考下2014-05-05
firefox樣式表定義不支持cursor:hand...2006-07-07
一些不標(biāo)準(zhǔn)的東西，不過還是有點(diǎn)用處
一些不標(biāo)準(zhǔn)的東西，不過還是有點(diǎn)用處...2006-09-09
這篇文章主要介紹了推薦一個(gè)好看Table表格的css樣式代碼詳解,本篇文章通過簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08
css實(shí)現(xiàn)的對(duì)聯(lián)廣告代碼
本文章提供的對(duì)聯(lián)廣告是完全使用css實(shí)現(xiàn)的，并且兼容所有瀏覽器，包括各種ie,ff,gg瀏覽器哦，代碼簡(jiǎn)潔好用2013-11-11