CSS教程2
好的同学们，这里是由梁轶铭撰写的CSS教程第二期~
话不多说，我们继续学习~
- 添加网页背景
相信大家在装饰页面的时候肯定会想到背景，那么我们如何去添加网页背景呢？
首先，我们需要明确我们要在哪里进行装饰。没错，我们要在HTML中的body进行装饰，所以说前面的标签名就是body。
接下来我们来认识一个新单词：background，意思是背景
我们现在先学的是插入图片背景，所以就需要用到image，同时我们也需要知道图片路径，所以说图片背景插入方法就是这样的：
body{
background-image:url(“路径”)
}
好的同学们，下课，小科和我跑路了哟~
咳咳咳咳，我们继续
我们已经学会了插入图片背景，那么如何去添加纯色背景呢？
首先，还是那个可爱的body，还是那对可爱的花括号，还是那个background，还是那个分号……
但是！唯一不同的就是属性名和属性值，这个时候，添加纯色背景的结构是这样的：
body{
background-color:颜色;
}
在这里面的color大家应该是知道什么意思的哈，不再做详细的讲解~
- 居中文字
背景添加完了，我们又需要去思考一下：相比将文字靠在左边，如果我们将其居中，会怎么样？
没错，会更加吸引人去看文字，因此我们就需要在CSS里面用到text-align了。
由于文字是在段落/标题标签里面，所以我们需要引用的标签名是段落/标题标签，这时我们又需要一个新单词：
center n.中心，中间，居中
所以说text-align需要的属性值你知道了吗？没错，就是left、center和right。left和right分别是左和右，可以居左或者居右。
那么，我们如何将下面所输出的文字用CSS语言染成红色并且将其居右呢？
HTML代码（部分）：
<body>
<h1>自我介绍</h1>
</body>
CSS：
h1{
color:green;
text-align:right;
}
好了，今天的CSS到此结束，下期见！
本文由小科云团队原创出品，作者梁轶铭，未经许可禁止转载。
暂无评论内容