应用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的体系与格局(图示)
相关内容
- 华为官宣再获突破!全面完成5.5G关键技术测试,使传统网络能力提升10倍
- AI重塑全球5G网络 通信业积极拥抱新趋势
- 华为5G-A实现规模组网,下载速度超过4Gbps,比5G快10倍
- 首发新款麒麟5G芯片!曝华为nova 12系列12月26日登场
- 佳讯飞鸿:已完成基于5G-R指挥调度相关产品及解决方案研发
- 华为在湖北开启5.5G新时代,5.5G商用推进望再提速,产业链迎来新机遇
- 5G 速度测试:三星 Galaxy S24 在大部分国家领先苹果 iPhone 15
- 高通公司取得5G空中用户设备模式切换专利,实现UE标高超过阈值时切换到定向发送模式
- ELAA技术成5.5G能力十倍升级关键!受益上市公司梳理
- 华星创业:持续探索5G和5.5G应用领域的发展机会
AiLab云推荐
最新资讯
本月热点
热门排行
-
最坏时期已过,美国5G市场即将迎来回暖?
阅读量:48581
-
华为5G-A实现规模组网,下载速度超过4Gbps,比5G快10倍
阅读量:48395
-
回望2023年5G发展:释放和提升价值成最大课题
阅读量:12819
-
全球吹响5G-A商用号角
阅读量:11198
-
5.5G在欧洲突破,DNA首次将5.5G技术引入现网
阅读量:10492
-
首发新款麒麟5G芯片!曝华为nova 12系列12月26日登场
阅读量:10358