2024年最全Qt边框border概述_qt border(2)，2024年最新解锁C C++性能优化的五大误区

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上C C++开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以戳这里获取

border-width属性值设置的个数与所对应方向产生的效果和border-style、border-color的设置方法相同，可参照border-style、border-color属性学习理解。

边框（border）
border是一个综合性写法，它设置的是四个边框的宽度、样式和颜色，不能对某一个边框单独设置。它的格式：

border: border-width border-style border-color;

示例：

.bk01 {border:3px solid #FF0000;}

单边边框的设置方法
除了以上介绍的几种属性，还有几种属性可以单独定义各方向的边框。下面对它们进行分类介绍。
设定上边框属性： border-top，它的设置格式和border相同，依次设置宽度、样式、颜色：

border-top: border-width border-style border-color;

border-top是将宽度、样式、颜色三种属性值放在一起设置的属性，如果要单独设置其中的任意一项也可以使用以下属性：border-top-width（单独设置上边框宽度）、border-style（单独设置上边框样式）、border-color（单独设置上边框颜色）。 示例：

#sbk01 {
border-top-width:1px;
border-top-style:dashed;
border-top-color:#FF0000;
}
/设置上边框为宽度1像素的红色虚线/}

以上的效果如果用border-top来设置的话更简单一些，代码如下：

#sbk01 { border-top:1px dashed #FF0000; }

设定右边框属性：border-right，border-right-width，border-right-style，border-right-color，设置方法同border-top。 设定下边框属性：border-bottom，border-bottom-width，border-bottom-style，border-bottom-color，设置方法同border-top。 设定左边框属性：border-left，border-left-width，border-left-style，border-left-color，设置方法同border-top。

border-style 属性

实例
设置 4 个边框的样式：

p
{
border-style:solid;
}

定义和用法
border-style 属性用于设置元素所有边框的样式，或者单独地为各边设置边框样式。

只有当这个值不是 none 时边框才可能出现。

例子 1

border-style:dotted solid double dashed;
上边框是点状
右边框是实线
下边框是双线
左边框是虚线

例子 2

border-style:dotted solid double;
上边框是点状
右边框和左边框是实线
下边框是双线

例子 3
border-style:dotted solid;
上边框和下边框是点状
右边框和左边框是实线

**例子 4
border-style:dotted;

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

的朋友，可以添加戳这里获取](https://bbs.csdn.net/topics/618668825)**

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！