iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 29
1

背景位置
background-position

可以使用這個屬性將背景圖片指定到想要的位置
有以下幾種方式可以操控

九宮格
根據位置直接給予指定值,
若第二個值未指定預設值,
則預設值為center
以下是九宮格對照位置

左 | 中 | 右
------------- | -------------
left top | center top | right top
left center | center center | right center
left bottom | center bottom | right bottom

也可以使用百分比與像素指定位置
原始位置為左上角
例如:

background-position: 30% 20%
background-position: 15px 20px

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

尚未有邦友留言

立即登入留言