在网页设计中，按钮的设计可以起到很大的作用，可以让用户更方便地进行操作。在设计按钮时，不仅要注意按钮的颜色、字体等方面，还可以通过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格式，以保证透明度效果更好。

通过这种方式，可以给网页添加更多的趣味性，让用户的使用体验变得更加有趣，同时也可以提高网站的可用性。