CSS是前端開發中非常重要的一個部分，它可以幫助我們美化頁面，讓頁面看起來更加美觀。而在CSS中，設置圖片的邊距也是一項非常關鍵的技能。接下來，我將介紹如何使用CSS設置圖片的邊距。 首先，我們需要在HTML中插入一張圖片，這可以通過HTML的標簽實現。例如，我們需要插入一張名為“pic.jpg”的圖片，可以使用以下代碼：

<img src="pic.jpg" alt="圖片">

然后，我們需要為這張圖片設置邊距。可以使用CSS中的margin和padding屬性為圖片設置邊距。 如果您想在圖片周圍留出一些空白，那么可以使用margin屬性。例如，如果您希望圖片周圍留出10個像素的空白，可以使用以下代碼：

img {
margin: 10px;
}

您可以根據需要調整margin的值，以獲得更大或更小的空白效果。 如果您需要為圖片本身留出空白，可以使用padding屬性。例如，如果您希望將圖片周圍的空白增加到20個像素，可以使用以下代碼：

img {
padding: 20px;
}

同樣的，您也可以調整padding的值來修改空白效果。 在WordPress等CMS中可以使用尺寸選擇器來簡化上述任務，使用一個插件（例如TinyMCE Advanced）可以很方便的在編輯器中選擇值。 綜上所述，使用CSS設置圖片邊距是一項非常簡單而且實用的技巧。無論您是在制作網站還是個人博客，都可以通過這種方式美化您的網頁。