css设置行间距

　　css提供了一个设置行间距的line-height属性，可以通过line-height设置每行文字的距离。

　　语法：line-height: 300%;

　　1.打开html开发工具，新建一个html代码页面，然后在这个html页面输入两个<div>同时设置一些文字，对其中一个<div>添加一个class类为big用于设置行高。

　　创建<div>代码：

<div>

这是一个标准行高的段落。<br>

这是一个标准行高的段落。<br>

这是一个标准行高的段落。<br>

</div>

<br />

<div class="big">

这是一个更大行高的段落。<br>

这是一个更大行高的段落。<br>

这是一个更大行高的段落。<br>

</div>

　　2.设置行高。在<title>标签后面创建一个<style>标签，然后使用line-height设置big类的行高。

　　css样式代码：

<style type="text/css">

.big{

line-height: 300%;

}

</style>

　　3.保存html页面，使用浏览器打开，即可看到浏览器页面上含有big类的div标签里的行间距变大了。