CSS中背景圖片的定位有不同方法,下面介紹一些常用的方法。
/* 1.使用百分比 */ background-position: 50% 50%; /* 2.使用關鍵字 */ background-position: center center; /* 3.使用像素值 */ background-position: 100px 50px; /* 4.使用方位 */ background-position: top left; /* 5.使用復合值 */ background-position: top 50%; /* 6.使用兩個值 */ background-position: 10px 20px; /* 7.使用四個值 */ background-position: top 10px right 20px; /* 8.使用三個值 */ background-position: top 10px right;
使用百分比和關鍵字能快速定位背景圖片在元素內的位置,像素值和方位則更加精確。同時,使用復合值和多個值的組合可以更好地適應不同布局需求。