licss列表样式,li标签css样式

一行显示3个的CSS怎么写？

1、利用Dreamweaver新建一个html页面。

2、在body里面输入代码

ul

li你好/li

li小鱼/li

li小小/li

/ul。

3、默认的样式是这样的。

4、编辑li标签的css样式。

5、float:left代表的是元素左对齐。这样li标签就可以横排显示了，list-style:none用来去除li标签前面的小圆点。

相关问答

Q1: html中li标签的css样式问题

li标签的css样式名称是current

其中要说明的就是楼上说的有点小问题，li是dw的默认标签所以不需要调用class,直接设置完css之后li即可生效。不过它控制的是所有的li.如果要控制单个要分开定义css样式，然后再用class或id调用.

Q2: css中标签的属性list-style和list-style-type这个两个有什么不同啊？求高手指教！

这两个CSS属性产生的效果是一样的！

list-style是对列表标签的缩写，而list-style-type是其中的一个属性，而list-style一共可以包含三个值，即:

list-style:type

list-style-position

list-style-image

list-style-type：设置列表项标记的类型。默认为disc。

list-style-position：设置在何处放置列表项标记。值为outside、inside。默认为outside。

list-style-image：使用图像来替换列表项的标记。

如今，我们通常都是使用的list-style-type就可以了，他的主要功能还是设置列表的小圆点的样式，或者取消小圆点的！

希望帮助到你！

Q3: css样式里li列表里 文字间距怎么设置?

可以使用 letter-spacing:*px; 来控制文字间距，*px是指间距像素

这个不仅可以用在li里，其它需要文字排版的地方都可以使用

举个例子：

.list li {width:200px; text-align:center; height:22px; line-height:22px; letter-spacing:5px; overflow:hidden; clear:both;}

说明.list li {li宽度200px; 文字居中; li高度22px; 行高22px; 字间距5px; 超出部份隐藏; 清除;}

Q4: dede调用列表li怎么第一个加css样式 比如第一个是 后面的都是 网上查的都不行

推荐的两种方法：

用dede标签判断第一个

li [field:global name='autoindex'runphp='yes']if(@me==1){@me='class="on"';}else{@me='';}[/field:global]

用css判断第一个

li:first-child{样式}

Q5: css样式修改li水平显示

将li的样式设置成以下例子:display:inline;line-height:24px;height:auto;word-break:break-all;word-wrap : break-word ;可以修改一下，到适合你的要求。