cssbackground:CSS教程 12、CSS的Background Images 背景图片 [翻译Htmldog]

　　背景图片Background Images有许多属性可以操作
　　幸运是可以使用background处理所有:

\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example Source Code [www.52css.com]
body {
    background: white url(http://www.htmldog.com/images/bg.g) no-repeat top right;
}


　　上面合并了下面属性:

\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example Source Code [www.52css.com]
　　background-color出现在前面 
　　background-image图片位置 
　　background-repeat图片重复形式背景图片可以重复repeat(这就像建筑用瓦片样)repeat-x在x轴(左右)重复repeat-y在y轴(上下)重复no-repeat不重复只显示个 
　　background-position可以使用top,center,bottom,left,right或任何可以看到组合比如above在上面
　　可以为大部分html元素设置背景图片不只是整个页面(body)可以用来制作简单但效果显著美化比如圆角等等区别边角形状


　　使用背影图片非常简单而且可以使用在页面任何地方许多人喜欢使用色彩鲜艳图片作为背景页面带给用户判读前台文字困难加大这是个极端例子但事实上大部分对用户友好、可读性强文本是白色背景上显示黑色或是黑色背景显示白色(建议使用柔和颜色做为背景减少刺眼颜色)

　　所以最佳使用背景图片位置要么是上面没有内容要么是背景非常淡这样同样有利于减少图片大小使用更少颜色(建议使用索引色格式比如GIF)
　　

延伸阅读

• 2010-12-9-- css背景透明,CSS 背景全攻略
• 2010-12-9-- css属性,学习CSS的背景图像属性background
• 2010-12-9-- css属性,CSS 背景属性5个应用实例.
• 2010-12-9-- css属性,CSS 背景属性5个应用实例.
• 2010-12-9-- css样式,css样式实现整个页面背景使用一张图片
• 2010-12-9-- css背景透明,CSS 背景全攻略
• 2010-12-9-- css背景透明,网页CSS背景图片使用的测试结果
• 2010-12-9-- css样式,css样式实现整个页面背景使用一张图片
• 2010-12-9-- css背景透明,不用图片作背景CSS做的小灯笼效果_练习用
• 2011-1-6-- css属性,CSS下背景属性background的使用方法