1818IP-服务器技术教程,云服务器评测推荐,服务器系统排错处理,环境搭建,攻击防护等

当前位置:首页 - 网站技术 - html/css - 正文

君子好学,自强不息!

如何设置css边框外的轮廓 宽度

2022-03-13 | html/css | gtxyzz | 766°c
A+ A-

每日笔记,css边框外的轮廓 宽度

CSS 轮廓宽度

outline-width 属性指定轮廓的宽度,并可设置如下值之一:


thin(通常为 1px)

medium(通常为 3px)

thick (通常为 5px)

特定尺寸(以 px、pt、cm、em 计)

下例展示了一些不同宽度的轮廓:

p.ex1 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: DeepSkyBlue ;
  outline-width: thin;
}

p.ex2 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: DeepSkyBlue ;
  outline-width: medium;
}

p.ex3 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: DeepSkyBlue ;
  outline-width: thick;
}

p.ex4 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: DeepSkyBlue ;
  outline-width: 4px;
}

细的轮廓。77ISP


中等的轮廓。77ISP


粗的轮廓。77ISP


4 像素的粗轮廓。77ISP






本文来源:1818IP

本文地址:https://www.1818ip.com/post/164.html

免责声明:本文由用户上传,如有侵权请联系删除!

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。