这篇文章主要为大家展示了css如何修改行间距，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带大家一起来研究并学习一下“css如何修改行间距”这篇文章吧。
随州网站制作公司哪家好，找
创新互联建站！从网页设计、网站建设、微信开发、APP开发、
自适应网站建设等网站项目制作，到程序开发，运营维护。
创新互联建站从2013年成立到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选
创新互联建站。
css是什么意思
css是一种用来表现HTML或XML等文件样式的计算机语言，主要是用来设计网页的样式，使网页更加美化。它也是一种定义样式结构如字体、颜色、位置等的语言，并且css样式可以直接存储于HTML网页或者单独的样式单文件中，而样式规则的优先级由css根据这个层次结构决定，从而实现级联效果，发展至今，css不仅能装饰网页，也可以配合各种脚本对于网页进行格式化。
css修改行间距的方法：首先新建一个html代码页面；然后在html页面输入两个
同时设置一些文字；接着对其中一个
添加一个class类为big用于设置行高；最后使用line-height设置big类的行高即可。
打开html开发工具，新建一个html代码页面，然后在这个html页面输入两个
同时设置一些文字，对其中一个
添加一个class类为big用于设置行高。
创建
代码：
这是一个标准行高的段落。
这是一个标准行高的段落。
这是一个标准行高的段落。
这是一个更大行高的段落。
这是一个更大行高的段落。
这是一个更大行高的段落。
设置行高。在
标签后面创建一个<style>标签，然后使用line-height设置big类的行高。</p><p>css样式代码：</p><pre><style type="text/css">
.big{
line-height: 300%;
}
</style></pre><p><img src="/upload/otherpic27/5374.jpg" alt="css如何修改行间距"></p><p>保存html页面，使用浏览器打开，即可看到浏览器页面上含有big类的div标签里的行间距变大了。</p><p><img src="/upload/otherpic27/5375.jpg" alt="css如何修改行间距"></p><p>以上就是关于“css如何修改行间距”的内容，如果改文章对你有所帮助并觉得写得不错，劳请分享给你的好友一起学习新知识，若想了解更多相关知识内容，请多多关注创新互联行业资讯频道。</p> <br>
本文标题：css如何修改行间距-创新互联 <br>
标题URL：<a href="http://ncjierui.cn/article/deejsh.html">http://ncjierui.cn/article/deejsh.html</a>
</div>
</div>
<div class="news_r">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/ddpsege.html">学习go语言费用 学go语言需要什么基础</a>
</li><li>
<a href="/article/ddpseie.html">怎么设置国外域名访问网页 国外网络域名</a>
</li><li>
<a href="/article/ddpsegc.html">vb点虐
库存管理 vb仓库管理系统源代码</a>
</li><li>
<a href="/article/ddpsejj.html">php替换文件中的数据 php替换文件中的数据命令</a>
</li><li>
<a href="/article/ddpsejp.html">怎么设置服务器域名 怎么设置服务器域名名称</a>
</li> </ul>
</div>
</div>
<!--尾部begin-->
<!--尾部begin-->
<footer>
<div class="f_bg">
<div class="wrap">
<div class="links">
<h2 class="h2">美图云海建站解决方案<a href="../solution/" title="更多" class="more">更多+</a></h2>
<ul>
<li><a href="../solution/xiaochengxu.html" title="小程序定制解决方案">小程序定制解决方案</a></li>
<li><a href="../solution/qiyewz.html" title="企业网站建设解决方案">企业网站建设解决方案</a></li>
<li><a href="../solution/menhuwz.html" title="行业门户网站建设解决方案">行业门户网站建设解决方案</a></li>
<li><a href="../solution/yingxiaowz.html" title="营销型网站建设解决方案">营销型网站建设解决方案</a></li>
<li><a href="../solution/waimaowz.html" title="外贸网站建设解决方案">外贸网站建设解决方案</a></li>
<li><a href="../solution/pingpaiwz.html" title="品牌形象网站建设解决方案">品牌形象网站建设解决方案</a></li>
<li><a href="../solution/dianziwz.html" title="数码、电子产品网站建设解决方案">数码、电子产品网站建设解决方案</a></li>
<li><a href="../solution/jituanwz.html" title="集团、上市企业网站建设解决方案">集团、上市企业网站建设解决方案</a></li>
<li><a href="../solution/dichanwz.html" title="房地产、地产项目网站建设解决方案">房地产、地产项目网站建设解决方案</a></li>
<li><a href="../solution/zhubaowz.html" title="珠宝高端奢侈品网站建设解决方案">珠宝高端奢侈品网站建设解决方案</a></li>
</ul>
</div>
<div class="links w2">
<h2 class="h2">我们的实力<a href="../about/" title="更多" class="more">更多+</a></h2>
<ul>
<li>10年专业互联网服务经验</li>
<li>彭山高端建站设计团队</li>
<li>资深行业分析策划</li>
<li>B2C营销型网站建设者</li>
<li>前沿视觉设计、研发能力</li>
<li>前端代码深度符合SEO优化</li>
<li>彭山市高新技术企业证书</li>
<li>具有完备的项目管理</li>
<li>完善的售后服务体系</li>
<li>深厚的网络运营经验</li>
<li>时刻新技术研发能力</li>
<li>擅长网站设计营销推广</li>
</ul>
</div>
<div class="f_div2_r">
<h2 class="h2">关于美图云海网站建设<a href="../about/" title="更多" class="more">更多+</a></h2>
美图云海网站设计，为客户量身定制各类网站建设业务，包括企业型、电子商务型、行业门户型、品牌建立型等各类网站，实战经验丰富，成功案例众多。以客户利益为出发点，美图云海网站建设网站制作为客户规划、定制符合企业需求、带有营销价值的建站方案，提供从网站前期定位分析策划到网站界面设计... </div>
<div class="c_l"></div>
</div>
<div class="wrap">
<div class="link">
友情链接：
<a href="http://www.gtmaxf.cn/" title="消防工程" target="_blank">消防工程</a> <a href="http://www.jnxishu.com/" title="港式树脂字招牌字" target="_blank">港式树脂字招牌字</a> <a href="https://www.scvps.cn/" title="成都服务器租用" target="_blank">成都服务器租用</a> <a href="http://www.cqcxhl.com/" title="做网站" target="_blank">做网站</a> <a href="http://www.fjjierui.cn/" title="达州网站制作" target="_blank">达州网站制作</a> <a href="https://www.cdcxhl.com/weihu/safeguard/" title="网站维护报价" target="_blank">网站维护报价</a> <a href="https://www.cdcxhl.com/ssl/chengdu.html" title="ssl数字证书" target="_blank">ssl数字证书</a> <a href="http://www.cdkjz.cn/wangzhan/" title="网站seo" target="_blank">网站seo</a> <a href="http://www.scjzmc.cn/" title="四川晃众门窗" target="_blank">四川晃众门窗</a> <a href="https://www.cdxwcx.com/city/chongzhou/" title="崇州做网站" target="_blank">崇州做网站</a> </div>
</div>
<div class="wrap">
<div class="f_div3"> <span class="l">彭山网站制作案例©2025 青羊区美图云海设计工作室(个体工商户) 彭山建站美图云海工作室 版权所有 | <a href="http://www.ncjierui.cn" target="_blank">彭山网站设计</a><a href="http://www.ncjierui.cn" target="_blank">www.ncjierui.cn</a></span> <span class="r"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2025119305号-1</a></span> </div>
</div>
</div>
</footer>
<!--尾部end-->
<script language="javascript" src="/Public/Home/js/foot.js"></script>
<!--尾部end-->
<!--侧边栏begin-->
<div class="side">
<ul>
<li id="qqonline_xbceo"><a href="tencent://message/?uin=631063699&Site=&Menu=yes"><i class="bgs1"></i>QQ咨询</a></li>
<li class="shangqiao"><a href="tencent://message/?uin=532337155&Site=&Menu=yes" title="在线咨询">
<div><i class="bgs2"></i>在线咨询</div>
</a></li>
<li class="sideewm"><i class="bgs3"></i>官方微信
<div class="ewBox"></div>
</li>
<li class="sideetel"><i class="bgs4"></i>联系电话
<div class="telBox">
<dd class="bgs1"><span>座机</span><a href="tel:028-86922220" target="_blank">028-86922220</a></dd>
<dd class="bgs2"><span>手机</span><a href="tel:13518219792" target="_blank">13518219792</a></dd>
</div>
</li>
<li class="sidetop" onClick="goTop()" id="sidetop"><i class="bgs6"></i>返回顶部</li>
</ul>
</div>
<script type="text/javascript">
$('.sideewm').hover(function(){
$('.ewBox').stop().fadeIn();
},function(){
$('.ewBox').stop().fadeOut();
});
$('.sideetel').hover(function(){
$('.telBox').stop().fadeIn();
},function(){
$('.telBox').stop().fadeOut();
});
</script>
<!-- WPA start -->
<!-- WPA end -->
<!--侧边栏end-->
</body>
</html>
<script>
$(".con img").each(function(){
var src = $(this).attr("src"); //获取图片地址
var str=new RegExp("http");
var result=str.test(src);
if(result==false){
var url = "https://www.cdcxhl.com"+src; //绝对路径
$(this).attr("src",url);
}
});
window.onload=function(){
document.oncontextmenu=function(){
return false;
}
}
</script> 
