對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中文網其他相關文章!