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

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值