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

Question

<li>标签内的行距太小,如何通过外部CSS文件设置它.
直接在css代码中更改
ul li{line-height: 1.6em;}
已经解决问题

Answer 1

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

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

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

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

Answer 2

通过对li元素设置如下css样式来实现<li>标签内的行距的调整

li{line-height:20px;}

示例如下：

给出列表元素的CSS代码，默认情况下显示效果如下

<ul>
<li>我是列表项1</li>
<li>我是列表项2</li>
<li>我是列表项3</li>
</ul>




添加css样式调整间距，显示效果如下

li{line-height: 50px;}

Answer 3

加入一个段落标记
<li><p>文本内容</p>

CSS代码设置
li p{
line-height:行距
}本回答被提问者采纳