今天我們來學習一下如何使用CSS來實現拖動DIV的功能。 首先，我們需要創建一個DIV塊，并設置其樣式為可拖動的。代碼如下：

這是一個可拖動的DIV塊

上面代碼中，我們給DIV塊設置了position屬性為absolute，left和top屬性為0，這樣就可以將它放置在頁面的左上角。我們還設置了z-index屬性，將此塊的層級提高，以便在其他元素之前顯示。為了防止用戶選中文本，我們給它設置了user-select屬性為none。最后，我們給這個DIV塊設置了cursor屬性為move，來表明該塊是可拖動的。 現在我們需要實現它的拖動功能。我們可以使用CSS3的transform屬性來實現。代碼如下：

上面代碼中，我們給這個DIV塊添加上了:active偽類。當用戶點擊并按住這個塊時，我們就將其transform屬性設置為translate(0, 0)。這里的translate函數用于移動元素的位置。此時，鼠標指針會變成拖動狀態。 現在，我們就完成了拖動DIV塊的功能。我們可以將它應用到其他的元素上，比如圖片、文本等等。 以上就是使用CSS實現拖動DIV塊的方法。這種方法簡單易懂，效果也很不錯，希望能對你的工作或學習有所幫助！