图片相关的设置

1.背景图片
    设置层的背景图片 background-image:url("img/1.jpg");
    这样就能使得背景图片在层内显示了，注意，尽管有了背景图片，层中的内容还是空的，就是说可以在背景图片之上载放内容。
    可以设置层背景图片的属性：
   
    --位置:background-position:水平参数  垂直参数；
                                        说明：水平参数：设置背景图片在水平方向上的位置，可取相对位置0-100%，也可以取绝对位置：left center right.
                                                    垂直参数：设置背景图片在垂直方向上的位置，可取相对位置0-100%，也可以取绝对位置：top center bottom.
   
    --平铺方式：background-repeat：参数。
                                        参数取值：repeat:默认值，在水平和垂直方向上都会平铺。
                                                            no-repeat:在水平方向和垂直方向上都不平铺。
                                                            repeat-x:背景图片仅在水平方向上平铺。
                                                            repeat-y:背景图片仅在垂直方向上平铺。
   
    --滚动方式：background-attachment：scroll/fixed;
                                        说明：scroll：默认值，背景图片随对象内容滚动。
                                                    fixed:背景图像固定，不随图片内容滚动。
                                                   
2.div层中插入图片
    向层中插入图片实际上就是向层中填充内容:<img src="1.jpg" />
    需要注意的是：假如指定了图像的相对宽度和高度:width=100% height=100%，那么无论这个图像有多大，他都会伸缩以按照其所在层的大小展示
    但是假如没有指定相对高度和宽度，那么就会出现内容溢出的情况。这里的处理方案按照上一讲中布局的方法来处理。
    常用的一种设置是这样：
    #myimgdiv{
        text-align:center;//使图片水平居中
        width:90%;//限定宽度
        min-height:200px;//设置最小高度
        overflow:auto;//这样如果图片尺寸过大，只会在水平方向上出现滚动条，而在垂直方向上原样显示
    }
   
    在页面上可以这样来使用：
        <div id="myimgdiv">
            <img src="i.jpg" />
        </div>