CSS圖片定位是網(wǎng)頁設(shè)計(jì)中必不可少的一部分。在CSS中,可以通過left、right屬性來讓圖片在頁面上向左或者向右移動(dòng)。通過使用pre標(biāo)簽來展示代碼,下面是示例代碼:
img { position: relative; /* 相對定位 */ left: 50px; /* 向左移動(dòng)50像素 */ } img { position: relative; right: 50px; /* 向右移動(dòng)50像素 */ }
通過對CSS圖片的left、right屬性的設(shè)定,圖片可以在網(wǎng)頁中實(shí)現(xiàn)很多巧妙的定位效果。如果我們要讓圖片向左移動(dòng)一定距離,可以將left屬性設(shè)置為一個(gè)正數(shù)值。例如,設(shè)置left:50px;,圖片就會(huì)向左移動(dòng)50px。同樣的,如果我們希望圖片向右移動(dòng),就需要將right屬性設(shè)置為正數(shù)值,如right:50px;,圖片就會(huì)向右移動(dòng)50px。
需要注意的是,left、right屬性只對通過position屬性設(shè)置為absolute或者relative的元素有效。我們要讓圖片實(shí)現(xiàn)定位,可以通過設(shè)置img元素的position屬性為relative,然后通過left、right屬性進(jìn)行定位。