CSS是前端開發中常用的一種樣式描述語言，可以通過CSS來調整網頁中元素的布局和設計。今天我們來介紹一種常見的CSS應用——如何將圖片顯示在網頁中右側的位置。

首先，我們需要在網頁中引用一張圖片。假設我們引用的圖片是一個叫做“image.jpg”的本地圖片，我們需要用以下代碼在網頁中將它顯示出來：

<img src="image.jpg" alt="My Image">

默認情況下，圖片會在網頁中從左往右依次排列，在最上方或中間位置居多。那么如何將圖片調整到右側呢？這就需要用到CSS樣式表了。

我們用一個叫做“float”的CSS屬性來調整圖片位置。Float屬性很常用，用于在頁面中調整元素布局的位置，也常常用來實現文字環繞圖片的效果。我們將這個float屬性的值設置為“right”，就可以將顯示在頁面中的圖片調整到右側，如下所示：

img {
float: right;
}

這段CSS樣式表將針對全部的圖片進行設置，也可以用類似“.class和#id”的選擇器來調整一個具體的圖片。如果想要設置圖片在右側的同時，與其他文本內容產品左側距離，還可以使用margin屬性來再次微調圖片的位置，如下所示：

img {
float: right;
margin-left: 10px;
}

這樣一來，我們就成功設置了網頁中圖片的位置，您可以自己嘗試調整CSS屬性的值來實現更好的布局效果。