css修改行间距的方法:首先新建一个ht ML 代码页面;然后在html页面输入两个<div>同时设置一些文字;接着对其中一个<div>添加一个class类为 Big 用于设置行高;最后使用line-h ei ght设置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>
设置行高。在<t IT le>标签后面创建一个<style>标签,然后使用line-height设置big类的行高。
css样式代码:
<style ty PE ="text/css"> .big{ line-height: 300%; } </style>
保存html页面,使用浏览器打开,即可看到浏览器页面上含有big类的div标签里的行间距变大了。
推荐:《css视频教程》
以上就是css怎么修改行间距的详细内容,更多请关注其它相关 文章 !
总结
以上是 为你收集整理的 css怎么修改行间距 全部内容,希望文章能够帮你解决 css怎么修改行间距 所遇到的问题。
如果觉得 网站内容还不错, 推荐好友。
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did199410