border
在Qt Style Sheets (QSS) 中,border 属性可以用来定义控件的边框样式。这个属性类似于CSS中的 border属性,并且可以设置边框的宽度、样式和颜色。你可以分别设置每个边的边框,也可以同时设置所有四边。
border 属性可以接受多个值,每个值之间用空格分隔。这些值包括:
- 宽度 (
border-width) - 边框的厚度,单位通常是像素。 - 样式 (
border-style) - 边框的线型,如实线、虚线等。 - 颜色 (
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-width、border-style 和 border-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;
}
评论区