css去掉li的点 实现ul、li的横向排列

发布时间:2019-10-26编辑:脚本学堂
本文介绍下,在css中去掉li的点的方法,以及实现ul、li的横向排列的方法,有需要的朋友参考下。

本节内容:
实现ul的横向排列和去掉li的点

1,ul横向排列 去掉li的点
 

复制代码 代码示例:
#ul {
float:left;
}
#ul li {
float:left;
list-style:none;
}

拓展li的list-style:
 

复制代码 代码示例:
ul {
list-style:square inside url('.../.img');
}
ul {
list-style:circle;
}
ol {
list-style:upper-roman;
}
ol {
list-style:lower-alpha;
}

有关dl,dt,dd的,类似于子类的:
 

复制代码 代码示例:
<dl>
<dt>Apple</dt>
<dd>苹果</dd>
<dt>Boy</dt>
<dd>男孩</dd>
<dt>脚本学堂</dt>
<dd>脚本编程</dd>
<dt>脚本学堂</dt>
<dd>网站编程</dd>
</dl>

您可能感兴趣的文章:
css去掉li点、修改ul缩进间距的方法
css li去掉点的方法示例
css样式去掉li的点的方法(list-style-type语法)
详解CSS中px和em属性的特点与区别
详细解析DIV+CSS布局的十八条优点
ul li去点、变色、改成图片
如何去掉ul,li前面的点
如何去掉li前面的点