背景图、颜色取值、表格

背景图

• background-image:url（）,url（）

  引用背景图片

  引用多张就“，”url引用图片

• background-repeat:

  背景颜色的平铺方式

  默认为repeat平铺 no-repeat不平铺

  repeat-x x轴方向平铺

  repeat-y y轴方向平铺

• background-position:

  设置背景图片的位置

  第一个是X轴方向的位置或偏移量

  第一个是Y轴方向的位置或偏移量

  取值范围：top right bottom left center

  偏移量：10px -10px

  多张图片就加“，”给方向

• background-color

  背景色

• background-size:

  设置背景图片的大小

  取值：如果是一个值，则代表宽度，高为原始图片尺寸

  如果是两个值，第一个代表宽，第二个代表高

• background-attachment:fixed

  背景图片的固定方式

  颜色的取值

• 颜色取值

  关键字：red，pink

  十六进制：#+6位数字或字母；

  简写是指，6位两两分组，两个一样就可以只写一个

  rgb（1，2，3）每个参数的取值范围是（0~255）

  rgba（1，2，3，4）前三个参数的取值范围是（0~255），第四位

  的取值是0~1 其中a的参数代表透明度

• 渐变色

  background-image: linear-gradient(to left ,red,pink,)【线性渐变】

  括号里面+to 和方向，在添加颜色

  background-image: repeating-linear-gradient（to right bottom）

  平铺渐变

  表格

  祖先元素table

  子元素：thead，tbody，tfoot

  后代元素：

  tr代表行，是thead，tbody，tfoot的子元素

  注：thead里的tr的子元素是th（单元格）

  td代表单元格 是tr的子元素

  注：如果table的子元素是tr，浏览器会自动补tbody标签

  cellspacing表示td之间的距离（按键与按键之间）

  cellpadding表示td之间的内边距（按键边框和内容符号）

  注：引用重置文件无效

• 表格合并rowspan=“X”【X为想要合并的个数】 合并单元格的列（Y轴）向下

• 表格合并colspan=“X” 【X为想要合并的个数】合并单元格的行（X轴）向右