既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上物联网嵌入式知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频,并且后续会持续更新
需要这些体系化资料的朋友,可以加我V获取:vip1024c (备注嵌入式)
medium (是缺省值,通常大约是2像素)
thin(比medium细)
thick(比medium粗)
用长度单位定值。可以用绝对长度单位(cm, mm, in, pt, pc)或者相对长度单位 (em, ex, px)。
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;
上边框和下边框是点状
右边框和左边框是实线
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上物联网嵌入式知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频,并且后续会持续更新
需要这些体系化资料的朋友,可以加我V获取:vip1024c (备注嵌入式)
图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频,并且后续会持续更新**
需要这些体系化资料的朋友,可以加我V获取:vip1024c (备注嵌入式)