1、可以使用彈性布局，display flex 就可以讓div橫排，默認(rèn)布局軸方向就是橫向，justifycontent spacebetween可以是div平均分布在水平軸上；這個(gè)不太好實(shí)現(xiàn)標(biāo)簽的偽類focus可以很好的實(shí)現(xiàn)這種效果，但是在IE6下只支持a的偽類hoveractivevisitedlink其他的標(biāo)簽在IE6下都沒有偽類所以建議用js，如果是閑來(lái)無(wú)事可以試一下；#xF3A8CSS樣式CSS放入網(wǎng)頁(yè)的方式，可以在HTML文件內(nèi)直接宣告樣式，也可以在外部連接套用外部連接套用時(shí)，所有的CSS樣式都存在另外一個(gè)文件中，文件名稱為css 搶首贊 評(píng)論 分享 舉報(bào) 為你推薦。

2、查看效果 把html文件保存后，使用瀏覽器打開即可看到橫向?qū)Ш讲藛涡Ч鐖D所有代碼 ！DOCTYPE html html head meta charset=#34UTF8#34 title橫向?qū)Ш讲藛蝨itle style type=#34textcss#34 nav li；本文將討論一些有助于網(wǎng)頁(yè)布局的重要的HTML5標(biāo)簽HTML5新元素及其特性HTML5的語(yǔ)義化標(biāo)簽以及屬性，可以讓開發(fā)者非常方便地實(shí)現(xiàn)清晰的web頁(yè)面布局，加上CSS3的效果渲染，快速建立豐富靈活的web頁(yè)面顯得非常簡(jiǎn)單本次學(xué)習(xí)HTML5的新標(biāo)簽元素有；html如何把照片導(dǎo)入變成滾動(dòng)1設(shè)置背景將頁(yè)面背景設(shè)置為圖片填充，選中圖片并剪切，在設(shè)置背景格式中選擇圖片或紋理填充，最后點(diǎn)擊插入圖片來(lái)自剪貼板即可2插入文本框在頁(yè)面中插入4個(gè)文本框，縱向隨機(jī)的輸入一些數(shù)字，并將文本；1首先，打開html編輯器，新建一個(gè)html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入樣式代碼style=quotoverflo scroll 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)html會(huì)有橫線滾動(dòng)條，并且隱藏了縱向；這是我寫的一個(gè)導(dǎo)航，你自己看吧li并列應(yīng)該定義其float屬性為leftlt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 40 TransitionalENquot ltHTML ltHEAD ltTITLE menu ltTITLE ltHEAD ltstyle body padding；1利用Dreamweaver新建一個(gè)html頁(yè)面2在body里面輸入代碼 你好 小魚 小小 3默認(rèn)的樣式是這樣的4編輯li標(biāo)簽的css樣式5floatleft代表的是元素左對(duì)齊這樣li標(biāo)簽就可以橫排顯示了，liststyle用來(lái)去除li。

3、如圖，制作導(dǎo)航條菜單一般是用一個(gè)div嵌套u(yù)l和li標(biāo)簽，然后li里面有a標(biāo)簽布局做好之后，開始寫導(dǎo)航條的樣式，如圖，先清除導(dǎo)航條的margin和padding然后定位導(dǎo)航條的div，這里我就用絕對(duì)定位來(lái)居中，如果你有其他導(dǎo)航條居中；1用Dreamweaver創(chuàng)建一個(gè)新的HTML文件2先按ctrls保存，以防突然斷電，數(shù)據(jù)丟失3將title修改為htmlcss，實(shí)現(xiàn)橫向?qū)Ш?創(chuàng)建一個(gè)新的divid“A”并添加ulli標(biāo)簽5在li中添加所需的文本，并調(diào)整文本間距按F12。

4、像這樣的如果是這樣的一般就是使用浮動(dòng)來(lái)做的，效果圖lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitle005lttitle ltstyle type=quottextcssquot html，body margin0 fl floatleft；說明這里不能把表格寬度限制為700PX，不然你的總寬度不夠了建議為widthauto或者width100%。

5、方便連接導(dǎo)航跳轉(zhuǎn)3在新建的ltalta內(nèi)，添加橫向?qū)Ш揭@示的內(nèi)容4在lttitlelttitle下方添加一個(gè)ltstyle type=quottextcssquotltstyle5源文件html保存后，使用瀏覽器打開預(yù)覽效果；二HTML和CSS的區(qū)別？1定義不同html是HyperTextMarkupLanguage的縮寫，即超文本標(biāo)記語(yǔ)言css是Cascading Style Sheets 的縮寫，即層疊式樣式表單，它是由W3C協(xié)會(huì)制定并發(fā)布的一個(gè)網(wǎng)頁(yè)排版式標(biāo)準(zhǔn)，是對(duì)HTML語(yǔ)言功能的補(bǔ)充。