控制嵌入邊框的兩種顏色？

我想看看是否有改變嵌入邊框的兩種顏色在CSS的方式控制嵌入邊框的兩種顏色？

如你所知，插圖風格創建，它有一個嵌入式的幻想元素上創建一個邊界邊境。它通過使底部和右側邊框成爲您選擇的顏色來實現此目的，並將頂部和左側邊框的顏色更改爲稍暗的陰影。

有沒有人知道一種方法，你可以控制如何黑暗，或者甚至不同顏色的替代陰影會是什麼？

#myElement{ 
    border: inset 1px white; 
}

謝謝。

來源

2013-07-12 Philll_t

這個問題很愚蠢，我只是意識到了解決這個問題。儘管如此，我仍會保留這一點，以防其他人試圖實現這一點。 –

你只需要手動創建你的邊框。 'border-left：1px solid #somecolour;'和右邊，上邊和下邊相同。如果您不確定如何重現嵌入效果，請將邊框設置爲插入的截圖，然後使用相同的顏色。然後從那裏移動。 – Ariane

是的，你說得對。當我正在閱讀我的問題時，我回答了我自己的問題。有一個大腦放屁。 –

我不認爲你可以控制它，我提到的方法，但是可以肯定，你可以控制每個邊界的各個顏色：

#myElement{ 
    border-style: solid; 
    border-width: 1px; 
    border-top-color: black; 
    border-left-color: black; 
    border-right-color: white; 
    border-bottom-color: white; 
}

來源

2013-07-12 02:29:14

確實。 +1時間來回答自己，因爲我們都有我們愚蠢的情節，而且我們並不總是能夠自己找到明顯的解決方案。 – Ariane

如果你想使用相同顏色的各方面插入邊框，試試這個，我用過並且工作得很好。

border-style: solid inset solid solid;

來源

2016-03-16 09:33:36

控制嵌入邊框的兩種顏色？

回答

相關問題