如何在CSS中绘制细的灰色虚线边框？

2024-05-19 • 问答

嘿，所以我要上一门关于Web开发的计算机科学课，但是我很难完成这部分作业。如何在CSS中绘制细的虚线灰色边框？我当时正在考虑用CSS编写：

div {
  border: thin dotted;
  height: 20px;
}

<div></div>

但是我认为那是不对的。

实用计算机科学的重要部分是学习如何查阅文档。我发现Mozilla开发人员网络（MDN）是CSS属性的不错参考。 border CSS property的MDN页面提供以下示例：

/* width | style | color */
border: medium dashed green;

这意味着您可以使用以下方法来实现自己的风格：

border: 1px dotted #CCC;

div { border: 1px dotted #ccc; }

#ccc是十六进制的灰色。对于所有灰色阴影，请使用000至999和AAA至FFF。 0是黑色，F是白色