可以在 CSS 里面用 background-image:url(你的图片地址)语句来加入图片. background-image 属性会在元素的背景中设置一个图像. 下面我们来看一下使用 background-image 属性引入图片的方法.
background-image 属性为元素设置背景图像.
元素的背景占据了元素的全部尺寸, 包括内边距和边框, 但不包括外边距.
默认地, 背景图像位于元素的左上角, 并在水平和垂直方向上重复.
提示: 请设置一种可用的背景颜色, 这样的话, 假如背景图像不可用, 页面也可获得良好的视觉效果.
详细说明
background-image 属性会在元素的背景中设置一个图像.
根据 background-repeat 属性的值, 图像可以无限平铺, 沿着某个轴 (x 轴或 y 轴) 平铺, 或者根本不平铺.
初始背景图像 (原图像) 根据 background-position 属性的值放置.
属性值:
url('URL') 指向图像的路径.
none 默认值. 不显示背景图像.
inherit 规定应该从父元素继承 background-image 属性的设置.
示例:
- <html>
- <head>
- <style type="text/css">
- body {background-image:url(/i/eg_bg_04.gif);}
- </style>
- </head>
- <body>
- </body>
- </HTML>
效果图:
来源: http://www.css88.com/qa/css3/12687.html