css/html如何让段落空出一行

这篇文章给大家分享的是有关css/html如何让段落空出一行的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

成都创新互联长期为上千家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为崇州企业提供专业的成都做网站、网站设计，崇州网站改版等技术服务。拥有10年丰富建站经验和众多成功案例,为您定制开发。

css的三种引入方式

1.行内样式，最直接最简单的一种，直接对HTML标签使用style=""。2.内嵌样式，就是将CSS代码写在之间，并且用

进行声明。3.外部样式，其中链接样式是使用频率最高，最实用的样式，只需要在之间加上

就可以了。其次就是导入样式，导入样式和链接样式比较相似，采用@import样式导入CSS样式表，不建议使用。

让段落空出一行的方法：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>
    <p>这是另一个段落</p>
  </body>
</html>

效果：

css/html如何让段落空出一行

二、使用br换行标签空行

大家子的 是独立标签，使用两个br换行标签，即可实现换行空一行效果。

实例：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>document</title>
  </head>
  <style></style>
  <body>
    这是一个段落<br><br>
    这是另一个段落
  </body>
</html>

效果：

css/html如何让段落空出一行

感谢各位的阅读！关于“css/html如何让段落空出一行”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

网页标题：css/html如何让段落空出一行
网站地址：https://www.cdcxhl.com/article28/iehocp.html

成都网站建设公司_创新互联，为您提供App开发、Google、网站制作、网站设计、网站排名、网站内链

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容