在網頁設計中，我們經常需要在網頁中插入各種圖片來美化頁面。但是有些情況下，我們可能不希望用戶在網頁中拖拽圖片，在這種情況下，我們就需要禁止圖片拖拽。 使用 CSS 實現禁止圖片拖拽的方法如下： 首先，在 CSS 文件中加入以下代碼： ```html img{ -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; -webkit-user-drag:none; } ``` 這里使用了 user-select 和 -webkit-user-drag 屬性來禁用圖片的拖拽功能。 其中， user-select 屬性控制文本和元素是否可以被用戶選擇。在這里，將其設置為 none，則表示不允許用戶選擇任何東西。 -webkit-user-drag 屬性控制元素是否可以被用戶拖拽。如果將其設置為 none，則元素將無法被用戶拖拽。 同時，我們還可以使用 img 的 draggable 屬性來禁止拖拽： ```html ``` 其中，draggable 屬性默認為 auto，為了禁止拖拽功能，我們將其設置為 false 就行了。 需要注意的是，以上方法只能在頁面中禁止圖片拖拽，如果用戶復制圖片并粘貼到其他地方，圖片仍然會被復制。如果需要完全禁止用戶復制圖片，可以將圖片處理為背景圖，或者使用更高級的技術來實現。 總之，在實際開發中，如果需要禁止圖片的拖拽功能，可以使用上述方法來實現。