【JavaWeb】CSS_css中的边框属性(盒子模型的边框设置)

本文详细介绍了CSS边框属性的应用,包括边框颜色、宽度及样式等关键特性,并提供了具体的设置方法,如简写语法等。

CSS边框属性

1.在页面布局中通常使用 div 标签(盒子模型),进行页面块的划分

2.边框的属性:

(1)边框颜色 border-color

(2)边框宽度 border-width

(3)边框的格式 border-style

边框格式属性:solid——单实线
 dashed——虚线
 dotted——点
 double——双实线

3.边框的四条边可分别使用:top right  bottom left 指定

例如:指定右边框的颜色可用 border-right-color:颜色; 指定

4.简写的方法

(1)设置颜色简写的方法:border-color:颜色1 颜色2 颜色3 颜色4;

注:若有一边颜色没有设置,则会自动补为对边的颜色

(2)设置边框宽度简写的方法:border-width:宽度1 宽度2 宽度3 宽度4;

注:若有一边宽度没有设置,则会自动补为对边的宽度

(3)设置边框格式的简写方法:border-style:格式1 格式2 格式3 格式4;

注:若有一边边框格式没有设置,则会自动补为对边的格式

注:简写的默认顺序为 top right bottom left

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值