在一些網頁設計中，有些元素明顯是不需要點擊的，但是又需要占據一定的空間，這時候就可以使用CSS中的不可點擊樣式來實現。

.unclickable{
pointer-events: none; /* 禁止鼠標事件*/
cursor: default; /* 鼠標樣式改為默認*/
 }

上述代碼中，pointer-events: none;可以禁止元素的鼠標事件，使其無法被點擊，無論鼠標怎么移動都只是普通的鼠標指針；cursor: default;可以改變鼠標指針樣式為默認。

此外，還有其他一些類似的CSS樣式可以用于不可點擊元素的設計，例如：

.non-selectable{
user-select:none; /* 禁止選中內容，鼠標指針為默認*/
}
.disable-click{
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 禁止長按高亮色*/
cursor: default; /* 禁止點擊，并且鼠標指針為默認*/
}

以上就是幾種不可點擊樣式的設計方法，通過這些樣式的設置，可以將一些不需要點擊的元素進行處理，不影響整個頁面的功能，在頁面布局上也有更多的選擇。