CSS li的图片样式

html-css016

CSS li的图片样式,第1张

1、css li的图片样式：<li><img src="" class="img"></li>

2、样式： .img{width:100pxheight:100pxbackground:#f00}

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标签前面的小圆点。

将li的样式设置成以下例子:display:inlineline-height:24pxheight:autoword-break:break-allword-wrap : break-word 可以修改一下，到适合你的要求。