第七章:橫向?qū)Ш讲藛?/h1>
二維碼
207
今天我們開(kāi)始學(xué)習(xí)《十天學(xué)會(huì)web標(biāo)準(zhǔn)(div+css)》的html列表,包含以下內(nèi)容和知識(shí)點(diǎn):
一、橫向列表菜單 前邊學(xué)習(xí)過(guò)縱向?qū)Ш讲藛?,又學(xué)習(xí)了float屬性,那么要實(shí)現(xiàn)橫向導(dǎo)航菜單是不是很簡(jiǎn)單了,只需要把li橫向排列就可實(shí)現(xiàn)了。把第四節(jié)的代碼拿過(guò)來(lái)直接用,修改后的代碼如下:
提示:可以先修改部分代碼后再運(yùn)行
最主要就是用float讓li向右浮動(dòng)后,實(shí)現(xiàn)橫向排列,具體步驟不再贅述。以前許多朋友提問(wèn)怎么讓它水平居中,其實(shí)很簡(jiǎn)單,首先導(dǎo)航的寬度是固定的,然后設(shè)置margin:0 auto;即可實(shí)現(xiàn)了
以信載商,良心建站。遨游始終秉承“一次建站、終身維護(hù)”的宗旨,竭誠(chéng)為客戶(hù)提供最優(yōu)質(zhì)的互聯(lián)網(wǎng)服務(wù)。遨游建站率先植入seo優(yōu)化理念,讓你的網(wǎng)頁(yè)更利于搜索引擎抓取,關(guān)鍵詞排名更靠前。可仿站、可定制。無(wú)論是傳統(tǒng)型企業(yè)官網(wǎng)、集團(tuán)型品牌官網(wǎng),還是營(yíng)銷(xiāo)型網(wǎng)站、電商型網(wǎng)站、定制型網(wǎng)站、特殊行業(yè)網(wǎng)站(醫(yī)療、教育),全部搞定。 公司:網(wǎng)站建設(shè)_小程序設(shè)計(jì)_競(jìng)價(jià)托管代運(yùn)營(yíng)公司;郵箱:1013601535@qq.com 手機(jī):17073547034;QQ: 1013601535 在線留言咨詢(xún),24小時(shí)內(nèi)回復(fù)
我想咨詢(xún) *
企業(yè)名稱(chēng)
手機(jī)號(hào)碼 *
您的姓名
所在城市 提交 |
網(wǎng)站建設(shè)問(wèn)題
熱門(mén)標(biāo)簽
網(wǎng)站建設(shè)多少錢(qián) 網(wǎng)站改版多少錢(qián) 高端網(wǎng)站建設(shè) 響應(yīng)式網(wǎng)站建設(shè)多少 營(yíng)銷(xiāo)型網(wǎng)站建設(shè)多少錢(qián) 網(wǎng)頁(yè)設(shè)計(jì) 網(wǎng)站建設(shè)制作費(fèi)用 網(wǎng)站設(shè)計(jì)多少錢(qián) 網(wǎng)站優(yōu)化 網(wǎng)站制作多少錢(qián) 做網(wǎng)站 外貿(mào)網(wǎng)站建設(shè) 企業(yè)網(wǎng)站建設(shè) 最新發(fā)布 |