应用xhtml+css进行网页布局,有很多属性跟背景图片的操作相关。很多表现因素上的图片,大部分用背景来进行处理。CSS的background的属性可以全部处理它们。 body { background: white url(images/bg.gif) no-repeat top right; } 这是如下属性的组合: background-color,在前面我们已经说过了。background-image,图片的存储位置。background-repeat,图片如何平铺。可以是 repeat(将会平铺整个页面),repeat-y(在y轴上平铺,上下)repeat-x (在x轴上平铺,左右),或者no-repeat(图片不重复)。background-position,可以是top、center、bottom、left、right或者像上面的任意组合。背景图片可以用在绝大部分的HTML元素上而不仅仅是整个页面(body)。简单使用但可以获得良好效果,比如角落的阴影。注意 很容易对背景图片失去控制和把你的网页涂得到处都是。一些明显活跃过度的人可能认为在一个页面的背景铺上一个色彩鲜明的图片看起来会很酷,然而却给用户判读前景文本带来识别一个Ж面的挑战。这是一个极端的例子。实践中,用户界面友好的可读文本是在白色朴素的背景上黑色或者在黑色朴素的背景上的白色(当然还有一个建议:米黄色的背景或浅灰色背景会更好,因为会减少刺眼的光)。所以,最佳地使用背景是用在无内容在上的地方,或者使背景图片比较淡,这也可以减少图片文件的容量,因为没有更多涉及更多的颜色(假设你是使用索引颜色的格式,比如GIF)。
CSS中级教程 背景图片
来源:互联网 发布日期:2016-03-25 16:33:49 浏览:2871次
下一篇:漫谈CSS的体系与格局(图示)
相关内容
AiLab云推荐
最新资讯
本月热点
热门排行
-
周鸿祎预测2024大模型10大趋势,“建议让AI在公司里无孔不入”
阅读量:181667
-
AI大变局,时代新希望|异想大会
阅读量:162069
-
产品经理必须懂得AI:ChatGPT-人工智能对话的新篇章
阅读量:102833
-
印媒:防AI造假,尼康、索尼等相机巨头拟推“数字签名”新技术
阅读量:99804
-
AI 的未来比你想象的更不稳定
阅读量:89242
-
比OpenAI官方提示词指南更全,这26条黄金准则让LLM性能飙升50%以上
阅读量:55270
推荐内容
- 2024第83届中国教育装备展示会 CEEIA
- 第二十一届丝路(西安)绿色建筑产业博览会 2024丝路绿色建筑产业(西安)发展大会
- 2024江苏南京国际大健康产业展会(ITS ASIA)
- 第四届中国(临沂)绿色建筑建材产业博览会
- 2024第十八届中部武汉农牧业机械博览会暨农机团购节
- 中国(青岛)畜牧业博览会
- 2024北京国际面辅料及纱线展览会
- 2024年第十届中国国际建筑涂料及涂装设备展览会
- 2024中国(北京)国际石膏与固废技术及装备展览会
- 2024第十八届中国(北京)保温材料和低碳节能技术展
- 2024中国无锡生物医药产业博览会 中国生物医药科技创新质量大会 中国生物医药人才交流大会
- 2024中国(江苏)化工装备能源新材料博览会
- 2024中国(东莞)切削工业及工量刃具博览会
- 2024中国(洛阳)工业绿色技术装备博览会
- 2024北京国际校服园服展览会
- 第二届上海国际碳中和科技展览会
- 2024年第7届越南国际工程机械,矿山机械及运输车辆展