Qt中不使用QPainter，如何通过QSS实现非全宽按钮底部边框？

我可以通过setStyleSheet函数修改控件的上下左右边框样式，比如这段代码能给按钮设置不同颜色的上下边框：

self.button1.setStyleSheet("""border-bottom: 1px solid #654321; border-top: 1px solid #123456""")

效果如下：
常规上下边框按钮

但我想实现底部边框不从控件最边缘开始的样式，类似这样：
底部边框缩进的按钮

实现方法 #

原生QSS的border属性无法直接实现边框缩进，但可以通过模拟边框的方式达成，核心思路是利用背景样式绘制局部边框，以下是两种实用方案：

方案1：线性渐变模拟

通过线性渐变在控件底部绘制一条缩进的线条，代码示例：

self.button1.setStyleSheet("""
    QPushButton {
        border: none; /* 清除默认边框 */
        padding-bottom: 3px; /* 给底部预留边框空间 */
        background-color: transparent;
        /* 渐变实现：上方透明，底部5%高度为边框色，左右各缩进10px */
        background-image: linear-gradient(to bottom, transparent 95%, #654321 95%);
        background-size: calc(100% - 20px) 100%;
        background-position: bottom center;
        background-repeat: no-repeat;
    }
""")

方案2：纯色背景定位

直接用纯色背景作为边框，通过尺寸和位置控制缩进，更直观：

self.button1.setStyleSheet("""
    QPushButton {
        border: none;
        padding-bottom: 3px;
        background-color: transparent;
        /* 定义1px高的纯色背景作为边框 */
        background-image: linear-gradient(#654321, #654321);
        background-size: 80% 1px; /* 边框宽度为控件的80%，高度1px */
        background-position: bottom center; /* 居中定位在底部 */
        background-repeat: no-repeat;
    }
""")

两种方案都能灵活调整边框的缩进距离、宽度和颜色，适配不同控件需求。

内容的提问来源于stack exchange，提问作者NejoFS