CSS 属性定义背景效果常用的方式:

我们上面的 background-color也可以简写为 background，如： .title {background-color:red;} 也是设置背景为红色

CSS中，颜色值通常以以下方式定义: 十六进制 - 如："#ff0000" RGB - 如：“rgb(255,0,0)” 颜色名称 - 如：“red”

我这里给大家提供一个颜色表，大家可以拿到自己喜欢颜色的十六进制值。 https://tool.oschina.net/commons?type=3 如果这个连接失效了，大家自己百度下“颜色对照表”也可以找到类似的。

部分截图如下。

文本排列属性是用来设置文本的水平对齐方式。 文本可居中或对齐到左或右,两端对齐

text-decoration 属性用来设置或删除文本的装饰

如下所示，设置字体颜色为红色的三种方式

/* 英文颜色 / .title { color: red; } / rgb设置颜色 / .title { color: rgb(255, 0, 0); } / 十六进制设置颜色 */ .title { color: #FF0000; }

font-size可以用来设置字体的大小

元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。

元素的内边距在边框和内容区之间。控制该区域最简单的属性是 padding 属性。padding 属性定义元素边框与元素内容之间的空白区域。padding 属性接受像素值或百分比值，但不允许使用负值

元素的边框 (border) 是围绕元素内容和内边距的一条或多条线。 CSS border 属性允许你规定元素边框的样式、宽度和颜色。 如下面几种边框

每个边框有 3 个方面：样式，宽度、以及颜色

我们只需要一个border属性，就可以设置上下左右四个边框的宽度为5px，样式为solid，颜色为red。

围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白”。margin 没有背景颜色，是完全透明的 设置外边距的最简单的方法就是使用 margin 属性，这个属性接受任何长度单位、百分数值甚至负值

margin属性可以有一到四个值。

border-radius 主要是用来设置圆角用的 1，直接可以用像素设置圆角大小

当有宽高的时候，设置 border-radius为50%同样可以实现上面的圆形功能。