在网页上放图片有两种方法,
一种是图片直接引入:
<img src="XXX.jpg(这里是路径)" title="鼠标停留时显示的文字说明" alt="图片路径出问题时显示的文字说明" />第二种是把图片当做背景引入:
<div class="bg-img"></div>以上是html,以下是css
.bg-img{说明:背景引入,要么把css写在类里,要么把css用style直接用在标签上:
<div style="background:url(XXX.jpg) no-repeat 0 0"></div>(当我是不专业的辩解吧..因为style直接写在标签上很少用,所以不清楚这样缩写有没有问题.. = =)
css内容说明:
background:url(XXX.jpg) no-repeat 0 0;
-- XXX.jpg 明显就是引入图片路径了。如果不用缩写的话,是这样子的:background-image:url(XXX.jpg);
-- no-repeat 就是图片要不要重复显示,no-repeat:不重复显示;repeat-x:按X轴方向重复显示;repeat-y:按Y轴方向重复显示。如果不用缩写的话,是这样子的:backgroung-repeat:...;
-- 0 0 是图片开始显示的坐标,不缩写的话,是这样子的:background-position:0 0;
具体请到http://www.w3school.com.cn里搜索background进行查看。