CSS指的是层叠样式表,可以用CSS来修改网页的格式。下面,我们来看看css行间距怎么设置吧。
输入代码在<body>主体中输入两行文字,如下图所示:
然后再用<br/>分段,如下图所示:
再输入type样式表,主要是用来放CSS代码内容的,如下图所示:
输入CSS内容
然后再输入CSS内容,即可看到行间距变化,如下图所示:
总代码
<style type="text/css">
body{font-size:12ptline-height:3}
</style>
</head>
<body>
<body>
hello world 01 <br/>
hello world 02
</body>
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,一个新建html文件,例如:index.html,填充问题基础代码。
2、其次,在index.html中的<style>标签中,输入css样式代码:li{padding-top: 49px}。
3、浏览器运行index.html页面,此时通过css将li标签的行距调整为了49px。
1、使用数值来设置行间距<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用数值来设置行间距</title>
<style type="text/css">
p.small {
line-height: 0.5
}
p.big {
line-height: 2
}
</style>
</head>
<body>
<p>
这是拥有标准行高的段落。 默认行高大约是 1。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。
</p>
<p class="small">
这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。
</p>
<p class="big">
这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。
</p>
</body>
</html>