邊框顏色與img

是否有可能與三角形形狀的圖像的邊界？邊框顏色與img

在我創造我的三角形這樣的時刻：

.triangle { 
    display: block; 
    margin: 0 auto; 
    height: 51px; 
    width: 103px; 



&:after { 
     content: ""; 
     display: block; 
     border: inset 52px; 
     border-color: rgba(51, 51, 51, 0.4) transparent transparent transparent; 
     border-top-style: solid; 
    } 
}

要提出的是紅色的，例如我做border-color: #ae1800 transparent transparent transparent; 但如何將能夠通過更換背景圖像的顏色嗎？

謝謝你的回答。

來源

2014-04-15 Kiwimoisi

你可能會發佈一個示例圖像，它應該是什麼樣子？我不明白。也許你已經嘗試過的例子是一個codepen。 –

這基本上創建一個三角形形狀，高度51px寬度103px。顏色由邊框顏色定義，透明的右下角基本上是什麼使它變成三角形 – Kiwimoisi

是的，就像那樣：http://codepen.io/anon/pen/mrELa/。但我真的不明白，爲什麼你想在邊界使用圖像？只是放置一個背景圖像...？ –

這樣做的最好方法是在photoshop中創建一個帶有邊框的圖像，然後在三角形之外創建一個透明背景。而不是使用CSS來顯示它使用JS。

我希望這有助於！

來源

2014-04-15 06:55:19 KM123

邊框顏色與img

回答

相關問題