如何通过Qt样式表为QWidget实现括号样式边框？纯样式表可行吗？

当然可以用纯样式表实现你想要的括号式边框！你当前的代码只实现了左右垂直边框，要模拟括号的「上下两端左右短横+中间竖线」效果，我们可以结合边框设置和背景线性渐变来完成，完全不需要额外图片。

实现代码 #

QWidget {
    /* 保留左右垂直边框 */
    border-left: 1px solid red;
    border-right: 1px solid red;
    /* 用两层线性渐变模拟顶部和底部的左右短边 */
    background-image: 
        linear-gradient(to right, red 4px, transparent 4px, transparent calc(100% - 4px), red calc(100% - 4px)),
        linear-gradient(to right, red 4px, transparent 4px, transparent calc(100% - 4px), red calc(100% - 4px));
    /* 分别定位到顶部和底部 */
    background-position: top, bottom;
    /* 渐变的尺寸：宽度占满widget，高度为1px（边框厚度） */
    background-size: 100% 1px;
    background-repeat: no-repeat;
    /* 内边距避免内容贴到边框上，可根据需求调整 */
    padding: 6px 4px;
}

代码说明 #

• 左右边框：直接用border-left和border-right设置垂直边框，延续你原本的基础需求。
• 上下短边：通过两层linear-gradient实现，每个渐变在左右两端保留指定长度的红色（示例中是4px），中间部分透明，分别定位到widget的顶部和底部，完美模拟括号的上下短横。
• 调整短边长度：如果想要更长的括号「横边」，只需要把渐变里的4px改成你需要的数值（比如6px），同时对应调整calc(100% - 4px)里的数值即可。
• 内边距：padding用来让widget内部的内容和边框保持距离，避免视觉上拥挤，可根据你的布局需求自由修改。

如果你的括号样式是其他形态（比如上下横边居中），也可以通过调整渐变的起始、结束位置来适配，灵活性很高。

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