CSS 边框样式-学习笔记

本文详细介绍了CSS中边框样式的设置方法,包括边框宽度、颜色及样式的定义方式。通过实例展示了如何为元素的不同边分别设定样式,并提供了单独调整各边框属性的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


说明:2px 边框的宽度

         solid 边框的样式

         #000000 边框的颜色

2.定义任意一边框的样式:border-right :2px solid #000000; 这里是定义右边框的样式,同理可定义上、下、左边框的样式

3.也可以把样式分开定义:

如:

1.上边框宽度

  语法: border-top-width: <值>

2.边框宽度

  语法: border-width: <值>

3.边框颜色

  语法: border-color: <值>

4.边框样式

  语法: border-style: <值>

  允许值: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4}

  none:无样式;
  dotted:点线;
  dashed:虚线;
  solid:实线;
  double:双线;
  groove:槽线;
  ridge:脊线;
  inset:内凹;
  outset:外凸。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值