html中怎樣讓多個li標簽橫排顯示
HTML的li標簽默認為豎向顯示。下面，我們來看看html中怎樣讓多個li標簽橫排顯示吧。
操作方式
-
01
HTML頁面
利用Visual Studio軟件新建出一個HTML頁面，如下圖所示： -
02
li代碼
在body標簽內輸入li標簽的相關代碼，如下所示：
<ul>
<li>模塊一</li>
<li>模塊二</li>
<li>模塊三</li>
<li>模塊四</li>
<li>模塊五</li>
<li>模塊六</li>
<ul> -
03
瀏覽器中顯示
代碼在瀏覽器中顯示的成果圖可以看到li標簽為豎標的目的顯示，如下圖所示： -
04
橫排顯示
讓li標簽橫排顯示的代碼如下所示：
#nav ul li
{
float:left;
list-style:none;
} -
05
結果圖
li標簽橫標的目的顯示的結果圖如下圖所示： - End
- 發表于 2018-04-02 00:00
- 閱讀 ( 1118 )
- 分類：電腦網絡
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章