CSS中可以用輪廓(outline)來定義圖片的邊框，輪廓是在元素邊界外面繪制的，不會占用元素的空間，并且可以與元素的背景顏色保持透明。我們可以通過設置輪廓的顏色和寬度來定義圖片的外部邊框。

img {
outline: 2px solid red; /* 定義輪廓的顏色和寬度 */
outline-offset: 10px; /* 定義輪廓與元素邊界的距離 */
opacity: 0.5; /* 定義圖片的透明度 */
}

除了設置輪廓的顏色和寬度之外，我們還可以使用outline-offset屬性來控制輪廓距離元素邊界的距離。如果設置為正值，則輪廓在元素邊界外擴展，如果設置為負值，則輪廓在元素內部縮小。使用輪廓的另一個好處是可以不影響元素大小和布局，這是和border不同的地方。

在上述代碼中，我們還通過設置opacity屬性來定義圖片的透明度，這個屬性可以使圖片半透明，透明度的值從0到1之間，數值越小則越透明。通過使用透明度和輪廓相結合，可以實現一些特殊效果的圖片展示，增加頁面的可讀性和美觀度。