一個(gè)導(dǎo)航條布局的簡(jiǎn)單寫(xiě)法
更新時(shí)間：2006年09月28日 00:00:00 作者：
我希望能用最簡(jiǎn)單的代碼去解決問(wè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需再刷新一下頁(yè)面才能執(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需再刷新一下頁(yè)面才能執(zhí)行]
相關(guān)文章
表格斜線...2006-09-09
JavaScript實(shí)現(xiàn)form提交，回車(chē)提交URL地址偽靜態(tài)
文本框input里輸入內(nèi)容后，直接Enter回車(chē)鍵提交表單form，是很方便的。如果不使用form提交，用JavaScript來(lái)實(shí)現(xiàn)提交動(dòng)作，而且提交URL地址偽靜態(tài)化，不想帶問(wèn)號(hào)和搜索關(guān)鍵詞，搜索框內(nèi)enter回車(chē)鍵自動(dòng)提交那么應(yīng)該如何實(shí)現(xiàn)呢。2022-12-12
網(wǎng)頁(yè)美工制作規(guī)范...2006-08-08
塊元素block element和內(nèi)聯(lián)元素inline element
塊元素block element和內(nèi)聯(lián)元素inline element...2006-09-09
詳解IE6中的position：fixed問(wèn)題與隨滾動(dòng)條滾動(dòng)的效果
這篇文章主要介紹了詳解IE6中的position：fixed問(wèn)題與隨滾動(dòng)條滾動(dòng)的效果的相關(guān)資料,希望通本文能幫助到大家，需要的朋友可以參考下2017-09-09
給圖片加陰影效果的CSS...2006-07-07
鮮為人知的CSS技巧10則...2006-09-09
在日常布局當(dāng)中，會(huì)遇到文本內(nèi)容超過(guò)容器的情況。非常常見(jiàn)的一種解決方案是超出省略。但是有的時(shí)候，由于場(chǎng)景的限制，可能會(huì)出現(xiàn)在一些無(wú)法使用超出打點(diǎn)省略的方法的場(chǎng)景，譬如在導(dǎo)航欄中：在容器定寬但是文本又溢出且不能換行的情況下，我們就需要尋求另外的解決方案。2021-05-05
130個(gè)漂亮CSS布局站點(diǎn)參考...2006-09-09
今天要講的window.getComputedStyle ，就像剛接觸JS的時(shí)候，看到 document.getElementById一樣，名字都這么長(zhǎng)，頓生怯意。不過(guò)莫慌，我覺(jué)得如果我們不是只想做一個(gè)混飯吃的前端，那么越是底層的東西，如果能夠吃透它，越是能讓人進(jìn)步。2021-05-05