CSS可以幫助我們設置頁面元素的樣式，包括文字、圖片等的居中、居左、居右等設置。

要設置圖片居右，我們可以使用<img>標簽的float屬性或者margin屬性，或者直接在CSS中定義一個類來設置。

/* 使用 float 屬性 */
img {
float: right;
}
/* 使用 margin 屬性 */
img {
margin-left: auto;
margin-right: 0;
}
/* 使用 class 定義 */
.right {
float: right;
}

其中，使用float屬性可以使圖片像文本一樣排列，即圖片右側出現文本；使用margin屬性可以使圖片自動居右；使用類定義則方便在多處使用該樣式。

需要注意的是，float屬性和margin屬性同時使用時，需要考慮清楚圖片在容器中的位置和大小，避免出現意外的排版效果。

總之，CSS提供了多種方法來設置圖片居右，讓網頁的排版更加自由多樣，提高了用戶體驗。