如何在元素的兩側獲得css3功能區

Question

我正在關注如何製作CSS功能區的tutorial。但最終結果僅在給定元素的一側顯示一條色帶。我想知道：鑑於教程中的代碼，是否有辦法讓它出現在雙方？也許我對:before和:after的含義感到困惑。我是否需要在任一側添加<div>並同時定位？

Answer 1

每個元素只能有一個:before和:after僞元素，所以您需要添加另一個具有相反特徵的包裝器和樣式。根據你引用的教程，我已經爲你組合了一個here。

要了解更好的僞元素，viewing a previous answer of mine可能會有所幫助。