CSS圖片劃過描邊是一種很常見的效果，可以讓圖片在鼠標劃過時顯示出邊框線條，增強圖片的視覺效果。

img:hover {
border: 2px solid #333;
}

以上代碼是一個簡單的CSS實現，它的原理就是在圖片鼠標劃過時，給圖片添加一個2px寬的邊框，顏色是黑色。

如果想要添加其他的邊框效果，可以使用CSS的box-shadow屬性。通過給圖片添加陰影，可以形成邊框效果。例如：

img:hover {
box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

以上代碼添加了一個陰影，模糊半徑為5px，顏色是黑色的半透明。這樣就可以形成一種比較柔和的邊框效果。

除了簡單的邊框效果之外，還可以使用CSS的動畫效果，讓圖片在鼠標劃過時，邊框有一個動態的變化。例如：

img {
transition: border 0.3s ease;
}
img:hover {
border: 2px solid #333;
}

以上代碼添加了一個transition屬性，表示邊框效果發生變化時，變化的時間為0.3秒，變化的速度是ease（緩動效果）。這樣就形成了一個比較流暢的邊框動畫效果。

總的來說，CSS圖片劃過描邊是一種簡單而有趣的效果，可以讓網頁的視覺效果更加豐富多彩。通過組合使用CSS屬性，可以實現各種不同的邊框效果，提高網頁的用戶體驗。