<p>标签定义HTML段落，需用CSS控制对齐、间距、首行缩进、背景及边框；text-align设水平对齐，margin调上下距，text-indent实现首行缩进，background-color与border增强视觉效果。
一、使用 <p> 标签定义段落
<p> 标签是 HTML 中用于定义标准段落的语义化元素，浏览器会自动在段落前后添加空白行以实现视觉分隔。该标签不自带对齐、缩进或间距样式，需通过 CSS 或内联属性进一步控制外观。
1、在 HTML 文档的 <body> 区域中输入 <p> 开始标签。
2、在 <p> 与 </p> 之间输入所需文本内容。
3、闭合段落标签，确保书写为 </p>。
立即学习“前端免费学习笔记（深入）”；
二、设置段落文本对齐方式
可通过 CSS 的 text-align 属性控制段落内文字的水平对齐，支持 left、right、center、justify 四种值，适用于响应式布局中的排版需求。
1、在 <p> 标签中添加 style 属性：<p style="text-align: center;">
2、将 center 替换为 left、right 或 justify 以切换对齐模式。
3、若需全局统一，可在 <style> 块中写入 p { text-align: center; }。
三、调整段落上下间距
段落默认具有 margin-top 和 margin-bottom，可通过修改 margin 或 padding 属性改变其垂直间距，避免相邻段落粘连或过疏。
1、为单个段落设置：<p style="margin-top: 20px; margin-bottom: 10px;">
2、使用简写形式：<p style="margin: 20px 0 10px;">（上 右/左 下）
3、禁用默认外边距可设为 <p style="margin: 0;">，此时段落间无空隙。
四、实现首行缩进效果
中文排版常需首行缩进两个字符，CSS 中使用 text-indent 属性实现，该属性仅作用于段落首行，不影响其余行。
1、在 <p> 标签中添加 style="text-indent: 2em;"
2、em 单位基于当前字体大小，2em 约等于两个汉字宽度。
3、若需精确到像素，可改用 text-indent: 32px，但响应性较差。
五、为段落添加背景与边框
通过 background-color 和 border 属性可增强段落的视觉识别度，适用于强调内容、引用块或卡片式布局中的文本容器。
1、设置浅灰背景：<p style="background-color: #f5f5f5;">
2、添加 1px 实线边框：<p style="border: 1px solid #ccc;">
3、组合使用时注意 padding 值，避免文字紧贴边框，例如：padding: 12px。
