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

Question

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

When i'am trying to give full border radius to border: 6px dotted #2d2d2d; in browser it showing solid border not dotted above is my css code please help me.

Answer 1

This only happens in Firefox I think it's a bug - it's because of the radius - you might consider using an image in this case. CSS border radius for dotted border

Answer 2

Instead of writing:

border: 6px dotted #2d2d2d;

try:

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

Thats what I use when I write CSS.