在我們日常的開發中，常常需要對頁面進行美化，其中一個常用的美化方法就是使頁面能夠被拖拽。然而，有時候我們也需要禁止頁面拖拽，那么我們該如何實現呢？下面我們就來介紹一下如何利用CSS禁止頁面拖拽。

body {
overflow: hidden;
}

如上所示，我們只需要將body元素的overflow屬性設置為hidden，即可實現禁止頁面拖拽的效果。

如果我們希望只禁止頁面在Y軸方向上的拖拽，而允許在X軸方向上的拖拽，我們可以這樣設置：

body {
overflow-y: hidden;
overflow-x: auto;
}

以上代碼可以實現僅禁止頁面在Y軸方向上的拖拽，而保留在X軸方向上的拖拽。

值得注意的是，雖然我們可以用CSS來禁止頁面拖拽，但這并不意味著我們可以完全避免用戶拖拽頁面。用戶可以通過瀏覽器的滾動條來進行頁面的拖拽，因此我們需要在代碼中特別提醒用戶。

綜上所述，禁止頁面拖拽是很容易實現的，我們只需要在CSS中設置好相應的屬性即可。但是我們也要注意，我們并不能完全禁止用戶拖拽頁面，需要在頁面中進行相應的提示。