如何把无序列表用css平铺为一行?

html-css08

如何把无序列表用css平铺为一行?,第1张

用css的浮动属性,float:left

比如代码如下:

<ul>

<li>内容</li>

<li>内容</li>

<li>内容</li>

</ul>

在css里面控制

li{float:left}

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

设置li{float:left}是为了让列表在同一行中,text-decoration:

none是去除下划线的,list-style-type是去除列表项前的着重号的,起到美化的作用,设置很简单,用li标签就可以了

用Css设置图片的位置的话:

1.通过position的绝对定位,然后在通过left和top就可以设置你的ul移动位置了;代码如下

<div style='position:absolutleft:0pxtop:0px'>

<ul>

<li>我是测试文字</li>

</ul>

</div>

2.通过margin这个属性操作,margin:10px 20px 30px 40px这个的意思就是距离上边10px,距离右边20培训,距离下边30px,距离左边40px,代码如下

<div>

<div style=' width:330pxheight:200pxmargin-top:30px'>

<p>我是测试文字</p>

</div>

</div>