返回顶部

CSS 边框宽度的设置

[复制链接]
择沓Lv.1 显示全部楼层 发表于 2021-12-28 14:44:36 |阅读模式 打印 上一主题 下一主题
  一、CSS 边框宽度
  border-width 属性指定四个边框的宽度。

  可以将宽度设置为特定大小(以 px、pt、cm、em 计),也可以使用以下三个预定义值之一:thin、medium 或 thick:

  实例

  演示不同的边框宽度:

  p.one {

  border-style: solid;

  border-width: 5px;

  }

  p.two {

  border-style: solid;

  border-width: medium;

  }

  p.three {

  border-style: dotted;

  border-width: 2px;

  }

  p.four {

  border-style: dotted;

  border-width: thick;

  }

  结果:

  5px border-width

  medium border-width

  2px border-width

  thick border-width

  二、特定边的宽度

  border-width 属性可以设置一到四个值(用于上边框、右边框、下边框和左边框):

  实例

  p.one {

  border-style: solid;

  border-width: 5px 20px; /* 上边框和下边框为 5px,其他边为 20px */

  }

  p.two {

  border-style: solid;

  border-width: 20px 5px; /* 上边框和下边框为 20px,其他边为 5px */

  }

  p.three {

  border-style: solid;

  border-width: 25px 10px 4px 35px; /* 上边框 25px,右边框 10px,下边框 4px,左边框 35px */

  }

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

达内教育:成立于2002年。致力于面向IT互联网行业,培养软件开发工程师、测试工程师、系统管理员、智能硬件工程师、UI设计师、网络营销、会计等职场人才 达内使命:缔造年轻人的中国梦、缔造达内员工的中国梦 达内愿景:做管理一流的教育公司
  • 商务合作

  • 微信公众号

  • Powered by Discuz! X3.4 | Copyright © 2002-2021, 达内教育 Tedu.cn
  • 京ICP备08000853号-56 |网站地图 | 京公网安备 11010802029508号