qss 画框_PyQt5系列教程（77）：QSS入门2

上期我们介绍了QSS的简单语法，其语法结构与CSS有相同的地方，但并不完全通用。本期我们将继续了解学习QSS。

使用样式表自定义Qt小部件

使用样式表时，每个窗口小部件都被视为具有四个同心矩形的框：边距矩形，边框矩形，填充矩形和内容矩形。 盒子模型更详细地描述了这一点。margin(边距)落在border(边框)外。

border(边框)在margin(边距)和padding(填充)之间。

padding填充落在border(边框)内, 在border(边框)和实际contents(内容)之间。

content(内容)是我们删除 margin, border, padding后从原始窗口小部件或子控件中留下的内容。

边距，边框宽度和填充属性都默认为零。在这种情况下，所有四个矩形(边距，边框，填充和内容)都完全一致。

您可以使用background-image属性为窗口小部件指定背景。默认情况下，仅为边框内的区域绘制背景图像。可以使用background-clip属性更改此设置。您可以使用background-repeat和background-origin来控制背景图像的重复和原点。

背景图像不会随窗口小部件的大小而缩放。要提供与窗口小部件大小一起缩放的“外观”或背景，必须使用边框图像。由于border-image属性提供备用背景，因此在指定border-image时不需要指定背景图像。在这种情况下，当指定它们时，边框图像将在背景图像上绘制。

另外，图像属性可以用于在边界图像上绘制图像。指定的图像不会平铺或拉伸，当其大小与窗口小部件的大小不匹配时，使用image-position属性指定其对齐方式。与背景图像和边框图像不