侧边栏壁纸
博主头像
Aurora博客🥝 博主等级

行动起来,活在当下

  • 累计撰写 11 篇文章
  • 累计创建 11 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录
Qt

QSS

折星雀
2024-08-16 / 0 评论 / 0 点赞 / 7 阅读 / 0 字

border

在Qt Style Sheets (QSS) 中,border 属性可以用来定义控件的边框样式。这个属性类似于CSS中的 border属性,并且可以设置边框的宽度、样式和颜色。你可以分别设置每个边的边框,也可以同时设置所有四边。

border 属性可以接受多个值,每个值之间用空格分隔。这些值包括:

  1. 宽度 (border-width) - 边框的厚度,单位通常是像素。
  2. 样式 (border-style) - 边框的线型,如实线、虚线等。
  3. 颜色 (border-color) - 边框的颜色。

如果你只设置一个值,它将应用于所有四边;如果设置两个值,则第一个值为宽度和样式,第二个值为颜色;如果设置三个值,则分别为上、右、下、左边的宽度/样式/颜色;如果设置四个值,则顺序为上、右、下、左。

示例

设置所有四边相同的边框:

QPushButton {
    border: 2px solid gray;
}

分别设置每一边的边框:

QLineEdit {
    border-top: 1px dashed red;
    border-right: 2px solid blue;
    border-bottom: 3px double green;
    border-left: 4px groove black;
}

你还可以单独设置每个边的 border-widthborder-styleborder-color

QTextEdit {
    border-width: 1px 2px 3px 4px;
    border-style: dotted solid double groove;
    border-color: red green blue yellow;
}

伪类

/* 设置所有 QPushButton 的样式 */
QPushButton {
    background-color: #F0F0F0;
    border: 2px solid #AAAAAA;
    border-radius: 5px;
    padding: 5px;
}

/* 鼠标悬停时的样式 */
QPushButton:hover {
    background-color: #E0E0E0;
}

/* 鼠标按下时的样式 */
QPushButton:pressed {
    background-color: #D0D0D0;
}
0

评论区