css怎么修改行间距

css怎么修改行间距,第1张

css怎么修改行间距

css修改行间距的方法:首先新建一个html代码页面;然后在html页面输入两个<div>同时设置一些文字;接着对其中一个<div>添加一个class类为big用于设置行高;最后使用line-height设置big类的行高即可。

本教程 *** 作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

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

创建<div>代码:

<div>
这是一个标准行高的段落。<br>
这是一个标准行高的段落。<br>
这是一个标准行高的段落。<br>
</div>
<br />
<div class="big">
这是一个更大行高的段落。<br>
这是一个更大行高的段落。<br>
这是一个更大行高的段落。<br>
</div>

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

css样式代码:

<style type="text/css">
.big{
line-height: 300%;
}
</style>

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

推荐:《css视频教程》

以上就是css怎么修改行间距的详细内容,

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/691069.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-21
下一篇 2022-04-21

发表评论

登录后才能评论

评论列表(0条)

保存