css零到一基础教程017：CSS 边框宽度

最新推荐文章于 2023-01-16 23:49:13 发布

慕容屠苏

最新推荐文章于 2023-01-16 23:49:13 发布

阅读量506

点赞数 1

分类专栏： css零到一文章标签： css html 前端

本文链接：https://blog.csdn.net/kerryqpw/article/details/123589890

版权

css零到一专栏收录该内容

98 篇文章 2 订阅 ¥49.90 ¥99.00

订阅专栏

超级会员免费看

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;
}

结果：

实例：

<!DOCTYPE html>
<html>
<head>
<style>
p.one {
  border-style: solid;
  border-width: 5px;
}

p.two {
  border-style: solid;
  border-width: medium;
}

p.three {
  border-sty

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

慕容屠苏

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
css零到一基础教程017：CSS 边框宽度

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-st
复制链接

扫一扫