如何用div css制作橫向表單

1、如何用如何用DIVCSSDIVCSS制作橫向菜單？制作橫向菜單？我們先來看一個(gè)菜單的例子，最終效果是:?首頁?產(chǎn)品介紹?服務(wù)介紹?技術(shù)支持?立刻購買?聯(lián)系我們?nèi)缓笪覀儊碓敿?xì)講解步驟第一步：建立一個(gè)無序列表第一步：建立一個(gè)無序列表我們先建立一個(gè)無序列表，來建立菜單的結(jié)構(gòu)。代碼是：首頁首頁產(chǎn)品介紹產(chǎn)品介紹服務(wù)介紹服務(wù)介紹技術(shù)支持技術(shù)支持立刻購買立刻購買聯(lián)系我們聯(lián)系我們效果是：?首頁?產(chǎn)品介紹?服務(wù)介紹?技術(shù)支持?立刻購買?聯(lián)系我們第二步：隱

2、藏第二步：隱藏lili的默認(rèn)樣式的默認(rèn)樣式?首頁?產(chǎn)品介紹?服務(wù)介紹?技術(shù)支持?立刻購買?聯(lián)系我們看，菜單變橫向了。就這么簡單！下面需要做的就是優(yōu)化細(xì)節(jié)了。第四步：調(diào)整寬度第四步：調(diào)整寬度菜單都擠在一起不好看怎么辦？我們來調(diào)節(jié)li的寬度。在CSS中添加定義width:100px指定一個(gè)li的寬度是100px，當(dāng)然你可以根據(jù)你的需要調(diào)整數(shù)值：.testlifloat:leftwidth:100px效果是：?首頁?產(chǎn)品介紹?服務(wù)介紹?技術(shù)支