第27天-CSS-影像(3-1)

之前有介绍过在HTML中影像的插入及基本处理
这次的文章内容主要的内容会是使用CSS处理影像的部分

影像尺寸
可以使用width与height来控制影像的尺寸
例如:

CSS

img.large{
    width: 640px;
    height: 480px;
    }

HTML

<img scr="图片位置"
     class="large"
     alt="flower" />

背景影像
background-image
这个属性可以在HTML标签背後加入影像
在预设值下背景影像会重复并填满整个区域

使用方式如下:

指定的标签{
background-image: url("图片位置");
}