边框半径圆角问题

Jef*_*eff 2 css

我有一个在 CSS 中定义的带有实心边框和圆角的 div,但是在 Chrome 或 FF 中查看它会呈现以下内容(屏幕截图):

圆角

我不明白为什么沿着圆角边缘看不到实心边框?这是相关的 CSS:

  div.evalframe {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 12px;
   margin: 20px 0 0 0;
   padding: 0;
   width: 635px;
   border: 1px solid #666666;
   background-color: #f4f4f4;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;  
   border-radius:5px;
}
Run Code Online (Sandbox Code Playgroud)

avi*_*viv 5

我想你可能在这个 div 中有一个标签或其他一些标签,可以在角落上绘制。

  • 是的,就是这样。我在这个 div 中有一个 div,它指定了相同的背景颜色 #f4f4f4,这是不需要的。当我从内部 div 中删除背景颜色后,一切正常。谢谢! (2认同)