一個導(dǎo)航條布局的簡單寫法
更新時間：2006年09月28日 00:00:00 作者：
我希望能用最簡單的代碼去解決問題！
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)文章
動態(tài)CSS站點教程：多個頁面樣式提供瀏覽者選擇...2006-09-09
這篇文章主要介紹了CSS3使用過度動畫和緩動效果案例講解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-07-07
China.com網(wǎng)站開發(fā)規(guī)范
China.com網(wǎng)站開發(fā)規(guī)范...2006-10-10
本文介紹了CSS中的各類居中方式，8種方式的實現(xiàn)方法講解的很詳細(xì)，還配有對應(yīng)的效果圖,需要的朋友可以參考下2015-07-07
左圖右內(nèi)容其實就是一個很簡單的布局了，我們經(jīng)常會在種大的門戶網(wǎng)站經(jīng)?？吹降膱D文混排效果了，下面給大家介紹一下實例2013-11-11
這篇文章主要介紹了用css截取字符的幾種方法詳解,需要的朋友可以參考下2014-05-05
firefox樣式表定義不支持cursor:hand...2006-07-07
一些不標(biāo)準(zhǔn)的東西，不過還是有點用處...2006-09-09
這篇文章主要介紹了推薦一個好看Table表格的css樣式代碼詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08
本文章提供的對聯(lián)廣告是完全使用css實現(xiàn)的，并且兼容所有瀏覽器，包括各種ie,ff,gg瀏覽器哦，代碼簡潔好用2013-11-11