介绍填充:10 px 5 px 15 px 20 px; & lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元http-equiv=癈ontent-Type"内容=皌ext/html;charset=utf-8"/比;
& lt; title>内边距调整段落间距& lt;/title>
& lt; style>
.a1 {
填充:20 px 0 px;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; p>第一段,没有设置段落间距。我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码! & lt;/p>
& lt; p>第二段,没有设置段落间距。我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码! & lt;/p>
类& lt; p=癮1"祝辞第三段,设置上下段落间距。我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码! & lt;/p>
& lt; p>第四段,没有设置段落间距。我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码! & lt;/p>
& lt; p>第五段,没有设置段落间距。我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码! & lt;/p>
& lt;/body>
& lt;/html> & lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元http-equiv=癈ontent-Type"内容=皌ext/html;charset=utf-8"/比;
& lt; title>内边距调整段落间距& lt;/title>
& lt; style>
*{保证金:0 px;填充:0 px;}
.a1 {
padding-top: 20 px;
}
.a2 {
padding-bottom: 20 px;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; p>第一段,没有设置段落间距。我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码! & lt;/p>
& lt; p>第二段,没有设置段落间距。我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码! & lt;/p>
类& lt; p=癮1"祝辞第三段,设置上段落间距。我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码! & lt;/p>
类& lt; p=癮2"祝辞第四段,设置下段落间距。我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码! & lt;/p>
& lt; p>第五段,没有设置段落间距。我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码!我是一段测试代码! & lt;/p>
& lt;/body>
& lt;/html>
小编给大家分享一下css怎么使用内边距来调整段落间距,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
首先我们来了解一下<强>如何设置css的内边距>
css的内边距的设置其实很简单,使用css填充属性就可以实现,下面我们来简单介绍一下这个属性:
<强>填充:一个简写属性,可以同时设置元素的所有内边距,可以有1到4个值,不允许使用负值。
<强>说明:
填充属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算,因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距,不允许指定负边距值。
举个小例子:
填充设置了上内边距是10 px,右内边距是5 px,下内边距是15 px,左内边距是20 px。
css的内边距也可以不使用填充的简写方式,同时设置元素的所有内边距,我们可以单独设置一个边距,那么我们来看看单独设置内边距的属性:
padding-top:上方内边距
padding-right:右边内边距
padding-bottom:下方内边距
padding-left:左边内边距
下面我们通过简单的代码示例,为大家详细解说用内边距来设置和调整段落间距的实现方法!
1,使用填充的简写方式,同时设置上下的段落间距
效果图:
2,使用padding-top和padding-bottom,单独设置段落的上间距和下间距
