CSS 可以设置背景色为渐变色，让网页的设计更加丰富多彩。设置渐变色有两种方式：线性渐变和径向渐变。
1. 线性渐变
线性渐变提供了两个或更多颜色点，沿一条线渐变。在 CSS 中，使用 linear-gradient() 函数实现。函数需要提供两个参数：方向和颜色。
方向可以是数字，表示角度。也可以是关键字，比如 top、right、bottom、left 等。例如：
p {
background: linear-gradient(90deg, red, blue);
}
样式如图，代码已在结尾，按照序号复制粘贴便可直接用了：
一、transform-origin属性介绍
transform-origin属性表示在对元素进行变换的时候，设置围绕哪个点进行变化的。默认情况，变换的原点在元素的中心点，即是元素X轴和Y轴的50%处，如下图所示：
我们没有使用transform-origin改变元素原点位置的情况下，CSS变换进行的旋转、移位、缩放等操作都是以元素自己中心（变换原点）位置进行变换的。但很多时候需要在不同的位置对元素进行变换操作，我们就可以使用transform-origin来对元素进行原点位置改变，使元素原点不在元素的中心位置，以达到需要的原点位置。
在编写CSS样式的过程中，有时需要对表格中的某个单元格进行样式设置。当需要对表格中的第一个进行样式设置时，可以使用:first-child选择器。
table td:first-child {
/* 样式设置 */
}
除了:first-child选择器，还有许多其他选择器可以用来选取表格中的单元格，如:last-child、nth-child等。选择合适的选择器，能够更加方便地对表格进行样式设置。
四个为： 上 右 下 左 3个数值为 上 左右 下
padding:5px;就是上下左右都为5；
padding:0px,5px;就是上下为0，左右为5；
padding:10px 5px 15px;就是上位10，左右为5，下为15；
padding:0px,5px,10px,15px;就是上为0，右为5，下为10，左为15，
padding的顺序是顺时针方向的