CSS笔记3

CSS背景

background-color

颜色值通常以以下方式定义:

十六进制 - 如："#ff0000"
RGB - 如："rgb(255,0,0)"
颜色名称 - 如："red"

background-image

描述了元素的背景图像
1.默认情况下，背景图像进行平铺重复显示，以覆盖整个元素实体.
body {background-image:url(‘图像’);}
2.水平或垂直平铺：默认情况下 background-image 属性会在页面的水平或者垂直方向平铺。
只水平方向平铺(repeat-x)：图片会横向重复，直到铺满

只竖直方向平铺（repeat-y）
如果不想重复，no-repeat.
3.设置定位与不平铺
background-repeat:no-repeat;
背景图片只显示一次,但图片容易与文字重合。
background-position:right top;
可合理安排文字和图片的位置。

简写属性

为了简化属性的代码，我们可以将这些属性合并在同一个属性中.eg:
body {background:#ffffff url(‘tree.png’) no-repeat right top;}