Css Qt设计中QGroupBox的造型

如果可能，我如何使用Qt设计中的样式表属性（CSS）实现以下结果

我正在尝试使用以下CSS：

QGroupBox  {
    border: 1px solid gray;
    border-color: #FF17365D;
    margin-top: 27px;
    font-size: 14px;
    border-radius: 15px;
}

QGroupBox::title  {
    subcontrol-origin: margin;
    subcontrol-position: top center;
    padding: 5px 8000px 5px 8000px;
    background-color: #FF17365D;
    color: rgb(255, 255, 255);
}

但我得到了这个结果：

---

我使用的是Qt5.3。

基于这里的讨论，我担心使用

QGroupBox

（如果不对

QGroupBox:：title

设置固定的填充），就不可能达到预期的效果

因此，根据Eddy的建议，作为一种解决方法，我添加了一个垂直布局，在其内部，我添加了一个

QLabel

（顶部）和一个

QFrame

（底部），并设置以下

CSS

：

QLabel {
    qproperty-alignment: AlignCenter;
    border: 1px solid #FF17365D;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: #FF17365D;
    padding: 5px 0px;
    color: rgb(255, 255, 255);
    max-height: 25px;
    font-size: 14px;
}
QFrame {
    border: 1px solid #FF17365D;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

结果如下：

---

根据这里的讨论，恐怕使用

QGroupBox

（如果不对

QGroupBox:：title设置固定的填充）无法达到预期的效果

因此，根据Eddy的建议，作为一种解决方法，我添加了一个垂直布局，在其内部，我添加了一个
QLabel
（顶部）和一个
QFrame
（底部），并设置以下
CSS
：

QLabel {
    qproperty-alignment: AlignCenter;
    border: 1px solid #FF17365D;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: #FF17365D;
    padding: 5px 0px;
    color: rgb(255, 255, 255);
    max-height: 25px;
    font-size: 14px;
}
QFrame {
    border: 1px solid #FF17365D;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

结果如下：