设置css边框外的轮廓宽度-网站技术-云服务器技术网

首页网站技术正文

设置css边框外的轮廓宽度

2022-03-13 502

在77ISP学技术

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

设置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

标签：
css

发表评论：取消回复

原文链接：https://77isp.com/post/388.html

=========================================

https://77isp.com/ 为 “云服务器技术网” 唯一官方服务平台，请勿相信其他任何渠道。