css上下两行字 |mvc引用css样式表

css图片浮雕，写个页面css很多，css3超酷效果，检索框css怎么设置，css列表间距为自适应，css 单数双数选择器，mvc引用css样式表 css上下两行字 |mvc引用css样式表

为了使文章更易于理解，下面将列举一个关于上下两行文字的示例代码：

/* HTML代码 */
<div class="container"> 
<p class="upper">这是第一行文字</p>
<p class="lower">这是第二行文字</p>
</div>
/* CSS代码 */
.container {
width: 200px;
margin: 0 auto;
text-align: center;
}
.upper {
font-size: 20px;
color: red;
}
.lower {
font-size: 16px;
color: blue;
}

在上面的代码中，大家使用了一个div容器来包含两个p标签，分别为上下两行文字。大家对这两个p标签进行样式控制，使得它们的字体大小和颜色不同。这样在浏览器中渲染出的效果就是：上面为红色20px字体大小的文字，下面为蓝色16px字体大小的文字。

另外，通过给div容器添加text-align:center样式，大家使得上下两行文字居中对齐。

总之，CSS可以轻易实现上下两行文字的样式控制，为前端开发带来了极大的方便。