css3显示两行

CSS3是一种用于网页设计的样式表语言，它可以实现许多漂亮的网页效果。今天我们来讨论如何使用CSS3来显示两行文本。 首先，我们需要在HTML代码中添加两个段落（p）标签，分别用于显示两行文本。代码如下：

<p>这是第一行文本</p>
<p>这是第二行文本</p>

接下来，我们需要使用CSS3的样式来控制这两个段落的显示效果。我们可以使用以下样式代码来控制文本的颜色、字体、大小和对齐方式：

p {
  color: #333; /* 文本颜色 */
  font-family: Arial,sans-serif; /* 字体 */
  font-size: 18px; /* 字号 */
  text-align: center; /* 文本对齐方式 */
  margin-top: 20px; /* 段落上边距 */
  margin-bottom: 20px; /* 段落下边距 */
}

上面的代码中，我们使用了p选择器来选择所有的段落标签，然后设置了文本颜色、字体、大小和对齐方式等样式属性，最后添加了上下边距来控制两个段落之间的距离。 最终的效果如下所示：

这是第一行文本

这是第二行文本

通过CSS3的样式来控制两个段落文本的显示效果，我们可以轻松地实现显示两行文本的效果，同时用更多的CSS3样式，我们还可以实现更加丰富多彩的网页效果。