iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 27
1
Modern Web

我可以修改,所以先亂打系列 第 27

第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("圖片位置");
}

上一篇
第26天-SourceTree-Git-版本控制-分支
下一篇
第28天-CSS-影像-(3-2)
系列文
我可以修改,所以先亂打30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言