虚线边框边框圆角

我有圆角的底部，以创建表：虚线边框边框圆角

border-bottom-left-radius:pixel;

和同为右底。

当我添加：

bottom-border-dotted; 
border-bottom-color:white;

点缀白色边框正确显示（四舍五入），但表底将恢复到一个矩形。我在这张表中有一个坚实的背景色。当我更换” bottom-border-dotted，与border-bottom-solid，用相同的白色一切都好

我只是喜欢虚线边框，尤其是在圣诞节

来源

2013-12-19 user3120211

欢迎SO！你可以格式化你的代码吗？对于这个问题，[jsfiddle]（http://jsfiddle.net/）中的示例或类似的示例会很有帮助。 –

您可能还想添加一些更一般的标签 - 在这里#css将是一个合适的标签。 –

我认为你必须在CSS铁的一些错误：。bottom-border-dotted;是不是有效的CSS，你应该使用border-bottom: 3px dotted black;或border-bottom-style: dotted;。

试试这个例子（见JSFiddle）

HTML

<div></div>

CSS

div { 
    display: inline-block; 
    width: 300px; 
    height: 300px; 
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px; 
    border: solid 3px black; 
    background-color: #cccccc; 
    border-bottom: 3px dotted black; 
}

结果

上面的代码将创建这样的事情：

enter image description here

来源

2013-12-19 19:01:18

虚线边框边框圆角

回答

相关问题