如何更新CSS形状？

正如你可以看到它的圆边箱与两个三角形，但中心将两个三角形的线不直。怎么能这么直呢？

此外，右上角似乎有点未定，它是什么颜色，如何排序？

HTML：

<div class="css-arrow-multicolor"></div>

CSS：

.css-arrow-multicolor { 
    -moz-border-radius: 6px; 
    border-radius: 6px; 
    border-color: blue #ECB603 #ECB603 blue; 
    border-style:solid; 
    border-width:15px; 
    width:0; 
    height:0; 
}

来源

2011-11-14 James

在Chrome中看起来很不错。 – BNL

看起来挺直的给我。有什么问题？考虑发布你的问题的屏幕截图。 –

在IE9中，尽管它在某些缩放比例中似乎为1px。对此你可以做的不多。 – GolezTrol

我看到你的问题......就在这一个像素抵销权的中间？

如果一边使用一种颜色，另一边使用透明，则会给出一条直线。使用其中的两个来实现相同的效果。

http://jsfiddle.net/rr4GH/4/

来源

2011-11-14 15:58:13 tybro0103

啊谢谢！只是一个快速的...如果我想要右上角和左下角不要圆整，那是怎么做的？ – James

删除border-radius：;并使用border-left-left-radius：10px; border-bottom-right-radius：10px; – tybro0103

http://border-radius.com/ – tybro0103

如何更新CSS形状？

回答

相关问题