css文本间距_教程

1、使用数值来设置行间距

<!DOCTYPE html>

<html>

<head>

<title>使用数值来设置行间距</title>

p.small {

line-height: 0.5

}

p.big {

line-height: 2

}

</style>

</head>

<body>

<p>

这是拥有标准行高的段落。默认行高大约是 1。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。

</p>

这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。

</p>

这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。

</p>

</body>

</html>

CSS指的是层叠样式表，可以用CSS来修改网页的格式。下面，我们来看看css行间距怎么设置吧。

输入代码

在<body>主体中输入两行文字，如下图所示：

然后再用<br/>分段，如下图所示：

再输入type样式表，主要是用来放CSS代码内容的，如下图所示：

输入CSS内容

然后再输入CSS内容，即可看到行间距变化，如下图所示：

总代码

body{font-size:12ptline-height:3}

</style>

</head>

<body>

hello world 01 <br/>

hello world 02

</body>

欢迎分享，转载请注明来源：内存溢出

css文本间距