在網(wǎng)頁設(shè)計中，常常需要將圖片固定在某個位置，以達(dá)到更好的視覺效果。CSS提供了多種方式來實現(xiàn)這個目標(biāo)。 一、使用position屬性將圖片固定在絕對位置 通過設(shè)置position屬性為absolute，可以讓圖片脫離文檔流，在頁面中的絕對位置上固定。代碼如下：

img {
position: absolute;
top: 100px; /* 與頁面頂部的距離 */
left: 200px; /* 與頁面左側(cè)的距離 */
}

二、使用float屬性將圖片固定在文字環(huán)繞位置 通過設(shè)置float屬性為left或right，可以讓圖片在文字周圍環(huán)繞，達(dá)到較好的排版效果。代碼如下：

img {
float: left; /* 右浮動 */
margin-right: 10px; /* 右側(cè)留白 */
}

三、使用background屬性將圖片作為背景圖 通過設(shè)置background屬性，將圖片作為背景圖固定在元素內(nèi)部。代碼如下：

div {
background: url("image.jpg") no-repeat center center;
background-size: cover; /* 自適應(yīng) */
}

需要注意的是，當(dāng)使用這種方法時，必須保證元素有足夠的高度和寬度，否則會無法顯示完整的背景圖。 以上是幾種常用的CSS方法，都可以實現(xiàn)將圖片固定在某個位置或環(huán)繞在文字周圍。根據(jù)實際情況選擇合適的方法即可。