再读《精通css》06：背景图片

最新推荐文章于 2025-09-11 22:10:09 发布

weixin_33912453

最新推荐文章于 2025-09-11 22:10:09 发布

阅读量61

点赞数

CC 4.0 BY-SA版权

文章标签： python

原文链接：https://my.oschina.net/laichendong/blog/283841

本文深入探讨了网页设计中背景图像的基础应用，包括如何使用background属性设置十六进制颜色、图片路径、重复方式及定位偏移。通过具体实例，帮助开发者掌握背景图像的高效配置技巧。

2019独角兽企业重金招聘Python工程师标准>>>

            第三章背景图像和图像替换
           3.1 背景图像基础
1、background属性全写格式：background:#FFFFFF url("imgUrl") repeatOption horizontalPosition verticalPosition;
   a.#FFFFFF 十六进制表示的背景颜色；
   b.url("imgUrl") 用相对或绝对路径指定背景图片
   c.repeatOption 重复选项，有repeat：水平和垂直方向都重复（默认值）；repeat-x：在水平方向重复；repeat-y：在垂直方向上重复；no-repeat：不重复；
   d.horizontalPosition和verticalPosition分别指定背景图片水平和垂直位置上的偏移位置，可以使关键字：left，right，top，bottom，center。也可以是以px为单位的数值或百分数。但关键字、px和百分数不能混用。

转载于:https://my.oschina.net/laichendong/blog/283841