本文目錄導(dǎo)讀：
CSS圖片位置的設(shè)置方法
在網(wǎng)頁(yè)設(shè)計(jì)中，設(shè)置CSS圖片位置是一個(gè)重要的環(huán)節(jié)，通過(guò)合理的設(shè)置，可以讓圖片在網(wǎng)頁(yè)中呈現(xiàn)出***佳的效果。
使用CSS定位圖片
CSS中的定位屬性可以用來(lái)***地控制圖片的位置，可以通過(guò)設(shè)置圖片的position屬性為absolute、relative或fixed來(lái)實(shí)現(xiàn)，absolute表示圖片的位置相對(duì)于其***近的非static父元素進(jìn)行定位；relative表示圖片的位置相對(duì)于其正常位置進(jìn)行定位；fixed表示圖片的位置相對(duì)于瀏覽器窗口進(jìn)行定位。
使用CSS浮動(dòng)圖片
CSS中的浮動(dòng)屬性可以讓圖片在文本中浮動(dòng)，從而實(shí)現(xiàn)圖片與文本的融合，可以通過(guò)設(shè)置圖片的float屬性為left或right來(lái)實(shí)現(xiàn)，left表示圖片浮動(dòng)在文本的左側(cè)；right表示圖片浮動(dòng)在文本的右側(cè)。
使用CSS內(nèi)聯(lián)圖片
CSS中的內(nèi)聯(lián)屬性可以將圖片作為文本的一部分進(jìn)行顯示，可以通過(guò)設(shè)置圖片的display屬性為inline或run-in來(lái)實(shí)現(xiàn)，inline表示圖片作為文本的一部分進(jìn)行顯示；run-in表示圖片在文本中運(yùn)行，類似于上標(biāo)或下標(biāo)。
使用CSS替換圖片
CSS中的替換屬性可以將圖片作為容器元素的內(nèi)容進(jìn)行顯示，可以通過(guò)設(shè)置圖片的content屬性為url或attr來(lái)實(shí)現(xiàn)，url表示圖片的內(nèi)容為指定的URL；attr表示圖片的內(nèi)容為指定的屬性值。
四種方法都可以用來(lái)設(shè)置CSS圖片位置，具體使用哪種方法取決于你的設(shè)計(jì)需求。
