如何在除一側以外的所有面上創建 CSS3 框陰影？

對CSS3 框除一側以外的所有側面進行著色

在元素除一側以外的所有側面上創建CSS3 框效果可以是這是一項棘手的任務。讓我們探索如何透過以下步驟來實現這一目標：

1.為無陰影內容建立容器：

如果元素的某個部分不應接收陰影，請在其中建立一個div 來充當此內容的容器。例如，如果開啟的標籤應該是無陰影的，請在其中建立一個div 並將其樣式設定如下：

<code class="css">#content_over_shadow {
    padding: 1em;
    position: relative;
    background:#fff;
}</code>

2.定義容器的陰影：

從父容器中刪除任何不必要的填充（在本例中為#content）並為其添加一個盒子陰影。這將創建一條水平陰影線，該陰影線延伸到除打開的選項卡之外的所有選項卡下方。

<code class="css">#content {
    font-size: 1.8em;
    box-shadow: 0 0 8px 2px #888;
}</code>

3.為選項卡添加陰影：

最後，為各個選項卡添加陰影（例如#nav li a）：

以上是如何在除一側以外的所有面上創建 CSS3 框陰影？的詳細內容。更多資訊請關注PHP中文網其他相關文章！