当我尝试在浏览器中提供虚线边框样式时，下面显示的实线边框是我的CSS

Question

.myclass { 
  border: 6px dotted #2d2d2d;
  width:200px;
  height:200px; 
  border-radius:100% 100% 100% 100%; 
}

当我尝试为边框提供完整的边框半径时：6px dotted #2d2d2d;在浏览器中，它显示实线边框而不是虚线。上面是我的CSS代码。请帮助我。

Answer 1

这只发生在 Firefox 中，我认为这是一个错误 - 这是因为半径 - 在这种情况下你可能会考虑使用图像。 虚线边框的 CSS 边框半径

Answer 2

而不是写：

border: 6px dotted #2d2d2d;

尝试：

border-style: doted;
border-width: 6px;
border-color: #2d2d2d;

这就是我编写 CSS 时使用的。