QSS 按钮样式 - 蓝色背景，漂亮字体，鼠标悬停和点击效果

你可以使用 CSS 来设置 QSS 按钮的样式。以下是一个示例：

<style>
    .qss-button {
        background-color: #007bff;
        color: white;
        font-family: 'Arial', sans-serif;
        font-size: 14px;
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

    .qss-button:hover {
        background-color: #0056b3;
    }

    .qss-button:active {
        background-color: #003a80;
    }
</style>

<button class='qss-button'>按钮</button>

在上面的示例中，我们使用了 .qss-button 类来定义按钮的样式。background-color 设置了背景颜色为蓝色，color 设置了字体颜色为白色，font-family 设置了字体为 Arial 或 sans-serif，font-size 设置了字体大小为 14px，padding 设置了按钮内边距，border 和 border-radius 设置了边框和边框圆角。

我们还使用了 cursor: pointer 来指定鼠标悬停在按钮上时的指针样式为手型。

transition 属性设置了背景颜色的过渡效果，使鼠标悬停和点击时的颜色变化更加平滑。

.qss-button:hover 选择器用于设置鼠标悬停时的样式，.qss-button:active 选择器用于设置按钮被点击时的样式。

你可以根据需要自定义按钮的样式，调整颜色、字体、边框等属性。