您所在的位置为:建站知识>>建站知识-网站设计制作>>正文

【CSS】如何用CSS来设置行间距

时间: 2010-06-28 14:58 字号:|| 点击:

在网页的实际排版编辑中,行与行直接通常会用一些间距隔开。这样隔开的间距不但便于访客浏览查看,更能使网页整个看起来美观大方。那么,如何来实现这种效果呢?

通常,我们会用<p> </p>来设置段落。行间距,我们一般会用一个属性,叫行高,即line-height
 

具体写法如下:
<style type="text/css">
p {
line-height: 18px
}
</style>
<p>
这是拥有标准行高的段落。
在大多数浏览器中默认行高大约是 18到20px。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
</p>

这上面这段代码中,我们省略了<html></html><head></head><body></body>这些元素。因为在实际的页面编辑中,这些都可以不要。带有这些标签会使代码的写法更严谨一些。
显示的效果如下:

收藏   打印   关闭 上一篇: 【CSS】如何用CSS来设置文本的对齐方式 下一篇: 【CSS】如何用CSS来设置外间距

底部导航

新手上路 付款方式 常见问题 服务支持 关于网站宝
注册建站账户 在线支付 关于网站备案 建站热线:400 696 0848 网站宝介绍
在线免费建站 银行转账 如何解析域名 在线咨询留言 网站地图
建站视频教程 来公司付款 建站价格费用 建站服务申请 加入网站宝
建站图文教程 上门收款 做网站流程 投诉电话:021-61659662 合作与渠道
升级到收费版 邮局汇款 怎样网站推广 帮助中心 QQ群:103611961 联系方式