如何更新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形狀？

回答

相關問題