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
- 阅读 ( 1119 )
- 分类：电脑网络
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章