CSS是一種非常強大的網(wǎng)頁排版工具,它可以通過屬性來控制元素的外觀、位置等,其中包括圖像的位置。在CSS中,我們可以通過不同的屬性來控制圖像的位置,包括:
/*設置圖像的位置*/ background-position: x% y%; background-position: x-position y-position; background-position-x: x-position; background-position-y: y-position;
其中,background-position
用于同時設置水平和垂直方向上的背景圖像位置,第一個值x%
,可以取值為百分比、長度值或關鍵字,指定背景圖像相對于背景區(qū)域左邊緣的偏移量。第二個值y%
同理,指定背景圖像相對于背景區(qū)域頂部邊緣的偏移量。同時,我們也可以使用background-position-x
和background-position-y
屬性來單獨設置水平和垂直方向上的背景圖像位置。
例如,下面的代碼設置了背景圖像相對于背景區(qū)域左邊緣偏移50%,相對于頂部邊緣偏移20%的位置:
background-position: 50% 20%;
同時,我們也可以使用具體的長度值來設置背景圖像相對于背景區(qū)域的偏移量,例如:
background-position: 10px 20px;
這會將背景圖像相對于背景區(qū)域左邊緣偏移10px,相對于頂部邊緣偏移20px的位置。
上一篇css3左右3d旋轉特效
下一篇css 元素在同一行