 |
位置：电子教程 > CSS入门到精通 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
|
位置：电子教程 > CSS入门到精通 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
| 当前阅读教程：CSS入门到精通 > background-image背景图像 | |||||||||||||||||
| 阅读(22555525) 收藏 赞(5685) 分享 | |||||||||||||||||
| 上一篇： background-color背景颜色 | 下一篇： background-repeat背景图像水平或垂直平铺 | ||||||||||||||||
标签定义及使用说明background-image属性设置一个元素的背景图像。 元素的背景是元素的总大小，包括填充和边界（但不包括边距）。 默认情况下，background-image放置在元素的左上角，并重复垂直和水平方向。也就是背景图像进行平铺重复显示，以覆盖整个元素实体 提示：请设置一种可用的背景颜色，这样的话，假如背景图像不可用，可以使用背景色带代替。
页面背景图片设置实例body {background-image:url('paper.gif');} 属性值
浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。
u 注意: IE8 及其更早版本不支持一个元素上设置多个背景图片。
示例：单一背景图为段落p定义一个背景图片 效果图
代码<!doctype html> <html> <head> <meta charset="utf-8"> <title>背景图像</title> <!--定义内部样式--> <style> /*定义自定义背景图片样式：名称为bj（背景拼音简介）*/ .bj{ background-image: url("img/bg.gif");/*背景图片*/ padding: 10px;/*内边距*/ } </style> </head> <body> <!--p标签使用了自定义样式：名称为bj的样式--> <p>有背景图片的段落</p> </body> </html> |
|||||||||||||||||
| 上一篇： background-color背景颜色 | 下一篇： background-repeat背景图像水平或垂直平铺 | ||||||||||||||||
