如何将div变成一个按钮？

<style>
    .button {
        /* 添加按钮的样式属性 */
        display: inline-block;
        padding: 10px 20px;
        font-size: 16px;
        text-align: center;
        text-decoration: none;
        background-color: #007bff;
        color: #ffffff;
        border-radius: 4px;
        cursor: pointer;
    }
</style>

<div class="button">按钮</div>