CSS对于border属性的使用

1:属性概括:CSS中border属性的使用,设置元素有边框,并设置边框的属性,包括边界大小,类型,颜色;

2:属性使用细说:

2.1:第一种设置border的方式,元素是矩形的,有四条边,而这种方式的设置后,会样式给四条边都一一赋予

例子:border:1px solid red;/*设置边框大小为1px的红色实线*/

参数说明:

第一个属性为设置边框大小:px为单位;

第二个属性为设置边框类型:除了可以设置实线外,还可以设置其他,如虚线,或者无,具体可以查看

W3CSchool关于border属性说明

第三个属性为设置边框颜色:除了个别特定的颜色,red,black,blue,yellow等等外,一般用#000000到#FFFFFF之间的调整(三原色原理)

2.2:第二种设置border的方式,元素是矩形的,有四条边,但这种方式设置只针对某一条边进行属性设置

以下是对上,下,左,右边框的属性设置例子,简介明了,这里不再细说。

1px黑色虚线上边框
border-top:1px dashed #000

1px黑色实线下边框
border-bottom:1px solid #000

1px黑色虚线左边框
border-left:1px dashed #000

1px黑色实线右边框
border-right:1px solid #000

猜你喜欢

转载自blog.csdn.net/qq_33172029/article/details/82025714
今日推荐