背景属性
背景颜色
语法：选择符{background-color:颜色值;}
简写：background:color值;
背景图片的设置
语法：background-image：url(背景图片的路径及全称)；
说明：
网页上有两种图片形式：插入图片、背景图；
插入图片：属于网页内容，也就是结构。
背景图：属于网页的表现，背景图上可以显示文字、插入图片、表格等。
背景图片的显示原则
1）容器尺寸等于图片尺寸，背景图片正好显示在容器中;
2）容器尺寸大于图片尺寸，背景图片将默认平铺，直至铺满元素；
3）容器尺寸小于图片尺寸，只显示元素范围以内的背景图。
背景图片平铺属性
语法：选择符 {background-repeat:no-repeat/repeat/repeat-x/repeat-y }
no-repeat:不平铺
repeat：平铺
repeat-x：横向平铺
repeat-y ：纵向平铺
背景图的固定
语法：选择符{background-attachment:scroll(滚动)/fixed(固定);}
说明：
fixed 固定，不随内容一块滚动；
scroll 随内容一块滚动。
背景图片的位置
语法：background-position:值1 值2;
选择符{background-position:left/center/right/数值 top/center/bottom/数
值;}
水平方向上的对齐方式（left/center/right）或值
垂直方向上的对齐方式(top/center/bottom)或值
说明：
两个值 ：第一个值表示水平位置的值，
第二个值表示垂直的位置。
当两个值都是center的时候写一个值就可以代表的是水平位置和垂直位置。向左方
向，向上方向都是负值
背景属性的缩写语法：
background:属性值1 属性值2 属性值3；
背景缩写：
background:#背景色 url（背景图片的路径及全称） no-repeat center top；
网页上常用的图片格式（压缩图片）
1）jpg:有损压缩格式，靠损失图片本身的质量来减小图片的体积，适用于颜
色丰富的图像;(像素点组成的，像素点越多会越清晰 )
2）gif：有损压缩格式，靠损失图片的色彩数量来减小图片的体积，支持透
明，支持动画，适用于颜色数量较少的图像;
3）png:有损压缩格式，损失图片的色彩数量来减小图片的体积，支持透明，
不支持动画，是fireworks的 源文件格式，适用于颜色数量较少的图像;
边框属性
综合设置： border:3px red solid;
边框： border:粗细（数值+单位） 颜色 线型（solid/dashed/dotted/double）
;
右边框：border-right:粗细（数值+单位） 颜色 线型
（solid/dashed/dotted/double）;
左边框：border-left:粗细（数值+单位） 颜色 线型
（solid/dashed/dotted/double）;
上边框：border-top:粗细（数值+单位） 颜色 线型
（solid/dashed/dotted/double）;
下边框：border-bottom:粗细（数值+单位） 颜色 线型
（solid/dashed/dotted/double）;
solid:实线，dashed:虚线，dotted:点状线，double:双线
三角形设置
div{
width:0px;
border:10px solid transparent;
border-left:#f00;
}