现在QQ空间已经成为很多人交流的平台,今天我们来讲一下如何用CSS制作一个QQ空间说说。
.say{
padding:5px;
background-color:#fff;
border-radius:5px;
box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);
}
.say p{
margin:0;
font-size:14px;
line-height:20px;
color:#333;
}
.say .author{
font-size:12px;
color:#999;
text-align:right;
} 首先,我们需要用HTML结构布局出一个说说的样式,如下:
<div class="say">
<p>这里是说说的内容,不多也不少。</p>
<p class="author">- 作者</p>
</div> 接着,我们可以通过CSS调整样式,给说说内容加上padding、圆角和阴影等,例如:
.say{
padding:5px;
background-color:#fff;
border-radius:5px;
box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);
} 然后,我们需要调整说说内容的样式,如字体大小和颜色、行高等,例如:
.say p{
margin:0;
font-size:14px;
line-height:20px;
color:#333;
} 最后,我们还可以添加一个作者的样式,如字体大小和颜色、文本对齐等,例如:
.say .author{
font-size:12px;
color:#999;
text-align:right;
} 经过以上步骤,我们就可以成功地用CSS制作一个QQ空间说说了。希望本文对你有所帮助!