如何用CSS代码设置<li>标签内的行距?

html-css021

如何用CSS代码设置<li>标签内的行距?,第1张

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，一个新建html文件，例如：index.html，填充问题基础代码。

2、其次，在index.html中的<style>标签中，输入css样式代码：li{padding-top: 49px}。

3、浏览器运行index.html页面，此时通过css将li标签的行距调整为了49px。

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

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

举个例子：

.list li {width:200pxtext-align:centerheight:22pxline-height:22pxletter-spacing:5pxoverflow:hiddenclear:both}

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