首页 话题 小组 问答 好文 用户 我的社区 域名交易 唠叨

[分享]css制作一个QQ空间说说

发布于 2024-11-11 15:20:28
0
44

现在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空间说说了。希望本文对你有所帮助!

评论
一个月内的热帖推荐
91云脑
Lv.1普通用户

62849

帖子

14

小组

291

积分

赞助商广告
站长交流