HTML <p> 标签
下面有更多实例。
定义和用法
<p> 标签定义段落。
<p> 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。
提示: 使用 CSS 设置 段落样式。
浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| <p> | Yes | Yes | Yes | Yes | Yes |
全局属性
<p> 标签支持 HTML 中的全局属性。
事件属性
<p> 标签支持 HTML 中的事件属性。
更多实例
实例
使用CSS设置段落样式：
<html>
<head>
<style>
p {
color: navy;
text-indent: 30px;
text-transform: uppercase;
}
</style>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</body>
</html>
亲自试一试 »
<head>
<style>
p {
color: navy;
text-indent: 30px;
text-transform: uppercase;
}
</style>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</body>
</html>
实例
HTML 中的诗歌问题:
<p>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
亲自试一试 »
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
相关页面
HTML 教程: HTML 段落
HTML DOM 参考手册: 段落对象
默认CSS设置
大多数浏览器将使用以下默认值显示 <p> 元素:
实例
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}
亲自试一试 »
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}
