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