CSS3中,背景圖片可以通過background-position來控制其起始位置。這在設計網頁時非常有用。
background-position: x-axis y-axis;
其中x-axis和y-axis可以取以下值:
- top:表示距離背景框頂部的距離為0
- bottom:表示距離背景框底部的距離為0
- left:表示距離背景框左側的距離為0
- right:表示距離背景框右側的距離為0
- center:表示距離對應軸中心的距離為0
- length:表示距離對應軸起始位置的具體數值
- percentage:表示距離對應軸起始位置的百分比
以上各項可以組合使用,如:
background-position: top right; background-position: center 50%; background-position: 10px 20px;
在實際應用中,可以用背景圖片來裝飾各種元素,如div、圖像等等。通過設置不同的起始位置,可以制作出各種美觀的圖形效果。
上一篇mysql 積分記錄
下一篇背景透明處理 css