以QLabel为例看看如何使用qss设置窗口的背景图片

1. 首先准备一张图片:

2. 设置背景设置background-image:

可以看到背景图片设置成功了,不过此时的背景图片是由设置的图片重复拼接而成的。

3. 去重复设置background-repeat为no-repeat:

背景图片默认位置在左上角。

4. 设置背景图片的位置background-position:

background-position设置图片在垂直方向和水平方向上的对齐方式。bottom表示垂直方向靠近底部,center表示居中(这里表示水平方向上居中)。

 

5.background-position的对齐方式是一个相对的概念,可以相对于content、padding、border也可以是margin。 设置相对于哪个矩形使用background-origin:

示例中将background-origin设置为content,为了看到效果将padding设置为10,这样可以看到图片没有在最底下。

 

特别说明:

若后续发现文章中的错误或者对文章内容补充将只在我的个人博客中进行更新。我的博客主要记录编程中学到的知识、踩过的坑以及一些莫名其妙的想法,

本人学习不挑语言,但以C++为主,欢迎来踩我的个人博客:fearlazy。