欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

课时105.边框属性下(掌握)

程序员文章站 2022-03-14 10:02:55
2.3连写(分别设置四条边的边框) border-width:上 右 下 左; border-style:上 右 下 左; border-color:上 右 下 左; 注意点: 1.这三个属性的取值是按顺时针来赋值的 也就是按照上右下左来赋值,而不是按照日常生活中的上下左右 2.这三个属性的取值省略 ......

2.3连写(分别设置四条边的边框)

border-width:上   右  下  左;

border-style:上   右  下  左;

border-color:上   右  下  左;

课时105.边框属性下(掌握)

注意点:

1.这三个属性的取值是按顺时针来赋值的

也就是按照上右下左来赋值,而不是按照日常生活中的上下左右

2.这三个属性的取值省略时的规律

2.1上  右  下  左 > 上  右  下>左边的取值和右边的一样

上  右  下  左 > 上  右>左边的取值和右边的一样  下边的和上边的一样

上  右  下  左 > 上>右下左和上边的一样

3.非连写(方向+要素)

border-left-width

border-left-style

border-left-color

以此类推,再将left换为bottom,right,top但是企业开发中并不常用这个方法