試圖爲我的css三角形(邊框)使用自定義十六進制顏色。然而,由於它使用邊界屬性,我不確定如何去做這件事。我想避開javascript和css3,僅僅是因爲兼容性。我試圖讓這個三角形有一個帶有1px邊框的白色背景(圍繞着三角形的兩邊),顏色爲#CAD5E0。這可能嗎?這是我到目前爲止有:CSS三角形自定義邊框顏色
.container {
margin-left: 15px;
width: 200px;
background: #FFFFFF;
border: 1px solid #CAD5E0;
padding: 4px;
position: relative;
min-height: 200px;
}
.container:after {
content: '';
display: block;
position: absolute;
top: 10px;
left: 100%;
width: 0;
height: 0;
border-color: transparent transparent transparent #CAD5E0;
border-style: solid;
border-width: 10px;
}
我的小提琴:http://jsfiddle.net/4ZeCz/
這是完美的!正是我需要的。謝謝。 – 2012-02-26 05:22:04
嘿,我不明白我將如何修改三角形出現在盒子的另一側(我不明白三角形CSS如何工作) – Kevin 2012-07-23 14:01:35
+1和1000謝謝:) – arjuncc 2013-03-11 10:10:46