11.5 QSS語法聲明-邊框的圓角設置

一、QSS語法聲明-邊框的圓角設置

• 邊框的圓角設置中注意半徑（radius）的概念，半徑是設置邊框圓角大小的唯一參數

1.基本概念

'''邊框圓角
        border-radius
        border-top-left-radius
        border-top-right-radius
        border-bottom-left-radius
        border-bottom-right-radius
        '''
        '''
        QLabel{
            border-radius:50px;
            border-top-left-radius:50px;
            border-top-right-radius:50px;
            border-bottom-left-radius:50px;
            border-bottom-right-radius:50px;
        }
        '''

        '''邊框圖片：使用四條線把圖片border-image.png裁剪成9份，除了4個角，其他部分按照下面策略排版
        repeat  重復
        round  平鋪
        stretch  拉伸
        border-image:url(border-image.png) 55px 55px 55px 55px repeat 
        border-image:url(border-image.png) 33.33% repeat 
        '''

2.代碼

from PyQt5.Qt import *
import sys


class Window(QWidget) :
    def __init__(self) :
        super().__init__()
        self.setWindowTitle("QSS-語法聲明-邊框的圓角 - PyQt5中文網")
        self.resize(600, 500)
        self.func_list()

    def func_list(self) :
        self.func()

    def func(self) :
        label1 = QLabel('標簽', self)
        label1.move(100, 100)
        label1.resize(200, 200)
        label1.setStyleSheet('background-color:green;')

        pass


if __name__ == '__main__' :
    app = QApplication(sys.argv)
    window = Window()

    with open('qss11_5.qss', 'r', encoding='UTF-8') as f :
        qApp.setStyleSheet(f.read())

    window.show()
    sys.exit(app.exec_())

• qss11_5.qss

QLabel{
    border-radius:50;
    border-width:27px;
}

3.效果