CSS圖片的位置和大小設(shè)置

在CSS中，我們可以使用多種屬性來調(diào)整圖片的位置和大小，以下是一些常用的屬性及其使用方法：

1、position：用于設(shè)置圖片在元素中的位置，可選值有static、relative、absolute和fixed，如果我們想要將圖片相對于其正常位置向右移動20像素，可以使用position: relative; right: 20px;。

2、top 和bottom：當(dāng)position屬性為relative或absolute時，這兩個屬性用于設(shè)置圖片距離其容器的頂部或底部的距離。top: 10px;表示圖片距離容器頂部10像素。

3、left 和right：與top和bottom類似，但用于設(shè)置圖片距離其容器的左側(cè)或右側(cè)的距離。right: 20px;表示圖片距離容器右側(cè)20像素。

4、width 和height：用于設(shè)置圖片的寬度和高度。width: 50px; height: 50px;表示圖片的寬度和高度都為50像素。

當(dāng)使用position屬性時，元素的display屬性必須為block或inline-block，否則可能無法看到效果，使用***定位（absolute）時，圖片會脫離文檔流，其位置由***近的相對定位（relative）或固定定位（fixed）的父元素決定。

CSS還提供了其他一些***特性，如transform屬性，可以進一步調(diào)整圖片的位置和大小，但基本的位置和大小設(shè)置可以通過上述屬性實現(xiàn)。