CSS是網頁設計中的重要元素之一，可以實現很多有趣的效果。比如說，您可以使用CSS輕松地禁止用戶拖動圖片。

這個功能很實用，尤其是在一些需要保護圖片版權的情況下。下面我們來看一下如何實現它。

img {
-webkit-user-drag: none;  /* webkit瀏覽器 */
-khtml-user-drag: none;   /* khtml瀏覽器 */
-moz-user-drag: none;     /* mozilla瀏覽器 */
-o-user-drag: none;       /* opera瀏覽器 */
user-drag: none;          /* 通用語法 */
}

如上代碼所示，我們只需要通過設置user-drag屬性為none即可實現禁止拖動圖片。這個屬性包括多種瀏覽器的前綴，用來保證兼容性。

除此之外，我們還可以使用user-select屬性來禁用文字的選中效果，從而進一步保護圖片的版權。

img {
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}

總的來說，通過CSS我們可以輕松地禁止用戶拖動圖片，保護版權。但是我們也需要注意，有些用戶可能并不喜歡這個功能，他們可能會離開我們的網站。因此，我們需要謹慎地使用這個功能。