在網頁設計中，按鈕的設計可以起到很大的作用，可以讓用戶更方便地進行操作。在設計按鈕時，不僅要注意按鈕的顏色、字體等方面，還可以通過CSS讓按鈕變成更有趣的形狀，比如變成手型。

/* CSS代碼 */
button {
cursor: pointer;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 5px;
padding: 10px 20px;
font-size: 16px;
transition: box-shadow .2s ease-in-out;
}
button:hover {
box-shadow: 0 0 5px #ddd;
}
button.hand {
padding-left: 50px;
background-image: url(../images/hand-icon.png);
background-repeat: no-repeat;
background-position: 10px center;
cursor: url(../images/hand-cursor.png), pointer;
}

上面的代碼中，首先定義了一個普通的按鈕樣式，使用了圓角邊框、過渡效果等屬性。當用戶將鼠標懸浮在按鈕上時，會出現一個陰影效果，增加了交互感。而當按鈕被點擊時，可以添加.hand類名，通過background-image屬性為按鈕添加手型的背景圖片，同時使用cursor屬性將鼠標指針設置為手型。

需要注意的是，為了達到更好的視覺效果，在手型背景圖片的位置上添加了一些padding，使手型不會覆蓋按鈕上的文本。同時，在鼠標指針設置為手型時，可以將指針圖片單獨保存為PNG格式，以保證透明度效果更好。

通過這種方式，可以給網頁添加更多的趣味性，讓用戶的使用體驗變得更加有趣，同時也可以提高網站的可用性。