qss样式表总结（使用时直接复制粘贴修改）

原创

已于 2025-07-28 17:28:10 修改 · 837 阅读

CC 4.0 BY-SA版权

文章标签：

于 2025-02-28 14:28:26 首次发布

16进制：#ffbbcc；#ffeeeecc(8位时，前面2位的ff表示透明度)

10进制：rgb(255,255,255)；rgba(255,200,200,255)(最后一个数字表示透明度)

---------------------------------------------------------------------------------------------------------------------------------

字体连写：

font: italic   bold   36px  "华文彩云";

按顺序是：字体风格，字体粗细，字体大小，字体族

字体大小：

font-size: 24px;

字体粗细：

font-weight: bold;

字体族：

font-family: "Microsoft YaHei";

字体风格:

font-style: italic;

字体颜色:

color:red;

字体装饰:(下划线、删除线之类的)

text-decoration:underline;

---------------------------------------------------------------------------------------------------------------------------------

边框连写：

border: 1px  solid  red;

按顺序是：边框宽度边框风格边框颜色

边框宽度：

border-width: 1px;（4条边）

边框颜色：

border-color: green  red;（上下为绿，左右为红）

边框风格：

border-style: solid;

还可以单独指定某一条边框

border-top;

border-right;

border-bottom;

border-left;

圆角半径

border-radius:3px;(4个角的圆角半径是3px)

分别指定4个角：

border-top-left-radius;

border-top-right-radius;

border-bottom-right-radius;

border-bottom-left-radius;

--------------------------------------------------------------------------------------------------------------------------------

背景连写：

background:  yellow  url(:/img/cat.png)   no-repeat  center;

按顺序是背景色、背景图片、背景平铺、背景位置

background: url(:/img/cat.png)  repeat  r