让段落空出一行的方法:1、使用p标签空行,只需要将段落文字用p标签包裹起来即可,语法“段落内容”;2、使用br换行符空行,只需要在需要换行的文字后面输入“”即可。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
一、使用p段落标签空行
p语法
<p>第一段</p>
p是段落标签,文章段落前使用
结束使用
立即学习“前端免费学习笔记(深入)”;
,这样p与p两段文章实现空行。实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>document</title>
</head>
<style>
</style>
<body>
<p>这是一个段落</p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/ai/1905" title="趣问问AI"><img
src="https://img.php.cn/upload/ai_manual/001/246/273/68b6d6c8bb4a9796.jpeg" alt="趣问问AI" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/ai/1905" title="趣问问AI">趣问问AI</a>
<p>免费可用的国内版chat,AI写作和AI对话</p>
</div>
<a href="/ai/1905" title="趣问问AI" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div>
<p>这是另一个段落</p>
</body>
</html>效果:
![1619600831959831.png `[$]G`@G5MR%O6BUS`(~ZXL.png](https://img.php.cn/upload/image/809/634/588/1619600831959831.png)
二、使用br换行标签空行
大家子的
是独立标签,使用两个br换行标签,即可实现换行空一行效果。
实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>document</title>
</head>
<style></style>
<body>
这是一个段落<br><br>
这是另一个段落
</body>
</html>效果:
![1619601082454104.png )EH[G3KYZ4{][9~4`O{3QKB.png](https://img.php.cn/upload/image/315/955/382/1619601082454104.png)
推荐学习:css视频教程










