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

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

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

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

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

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

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