qss实现边框有阴影

QSS 可以通过 `box-shadow` 属性来为控件添加阴影效果，同时可以使用 `border` 属性来设置边框效果，例如：

border: 1px solid #ccc;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);

这个例子中，`border` 属性设置了一个 1 像素宽的实线边框，颜色为灰色。`box-shadow` 属性设置了一个 2 像素宽的阴影，偏移量为 (2px, 2px)，透明度为 0.2。

通过这种方式，我们就可以实现边框有阴影的效果。

相关问题

如何用qss实现控件的阴影外边框（控件为纯色，边框外溢渐变色）

可以使用 qss 中的 box-shadow 属性来实现阴影外边框，并使用边框的外补丁（padding）来实现外溢渐变色。

下面是一个示例代码：

QWidget {
    background-color: #fff; /* 设置控件的背景色为白色 */
    border: none; /* 去掉控件的默认边框 */
    padding: 10px; /* 设置控件的外补丁为 10px，用于实现外溢渐变色 */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); /* 设置控件的阴影外边框，阴影颜色为黑色，透明度为 0.5 */
}

/* 实现渐变色 */
QWidget::hover {
    background-color: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 1, stop: 0 #fff, stop: 1 #ccc); /* 鼠标悬停时，控件的背景色渐变为白色到浅灰色 */
}

在这个示例中，我们首先去掉了控件的默认边框，然后设置了控件的外补丁为 10px，用于实现外溢渐变色。最后，使用 box-shadow 属性设置了控件的阴影外边框，颜色为黑色，透明度为 0.5。在鼠标悬停时，控件的背景色会渐变为白色到浅灰色，实现了外溢渐变色的效果。

注意，这个示例中的控件为 QWidget 类型，如果需要应用到其他类型的控件上，需要根据实际情况进行调整。同时，box-shadow 属性的使用也需要根据实际需要进行调整，比如可以设置阴影的偏移量、模糊半径等属性。

QT designer Qwidget 设置边框阴影

要在 QT Designer 中为 QWidget 部件添加边框和阴影效果，可以使用样式表（QSS）。样式表是一种类似于 CSS 的语言，可以用于设置部件的外观效果。

以下是在 QT Designer 中为 QWidget 部件添加边框和阴影效果的步骤：

1. 在 QT Designer 中选择需要添加边框和阴影效果的 QWidget 部件。

2. 在属性编辑器中，选择样式表属性。如果该属性未显示，请单击“+”按钮以添加该属性。

3. 在样式表编辑器中输入以下代码：

QWidget {
    border: 1px solid #999999;
    border-radius: 5px;
    box-shadow: 2px 2px 2px #999999;
}

这里的代码设置了一个 1 像素宽的灰色实线边框，圆角半径为 5 像素，阴影效果为 2 像素的向右下角偏移的灰色阴影。

4. 单击“应用”按钮以应用样式表。

通过这些步骤，您可以在 QT Designer 中为 QWidget 部件添加边框和阴影效果。需要注意的是，样式表是基于层叠样式表（CSS）的，因此可以使用类似于 CSS 的语法来设置部件的外观效果。