0
A
回答
-1
這是絕對有可能的,但有點棘手,因爲效果要稍微模擬。例如,對於中間選項卡的右邊緣,必須使用中間選項卡上的border-radius
定義頂部邊界曲線,但底部曲線必須使用右邊的標籤上的選項卡定義。效果的其餘部分通過使用適當背景色的選項卡後面的元素來完成。
-1
有幾種方法可以完成圖像。例如,你可以用透明PNG做背景圖像。
0
您可以使用每個選項卡that.set邊界內部DIV並設置邊框爲您的主選項卡,現在你有兩個邊境
0
快速谷歌搜索「的CSS彎曲標籤」給出了一個很好的文章作爲第一次打擊的css-tricks.com:(Better) CSS Tabs With Round Out Borders。該代碼是在那裏複製和粘貼,但這裏涉及到的CSS技巧的總結:
- 使用的CSS
:before
和:after
僞元素創建標籤的圓潤與曲面邊界半徑風格的元素。 (這些具有position: absolute
的僞元素基本上提供了兩個額外的繪圖層 - 想象一下在選項卡的<li>
html元素頂部分層顯示一張透明表,並在上面繪製標籤的圓形元素)。 - 在圓形元素上使用巧妙的陰影設置來隱藏底層
<li>
元素的方形邊緣。 - 在
<li>
元素上使用輕微的負邊距可以使選項卡相互重疊。
這使所有css樣式都保留在同一個元素上,並且可以使用不同的漸變,顏色方案和樣式元素輕鬆配置。
相關問題
- 1. 圓形曲線標籤| CSS
- 2. 設計一個嵌套的HTML標籤
- 3. 使用Html和css的div標籤的邊緣曲線
- 4. HTML/CSS3 - 曲線
- 5. WPF標籤設計
- 6. MongoDB設計 - 標籤
- 7. JAVA標籤設計
- 8. CSS雙曲線形狀
- 9. 自舉3水平雙線標籤
- 10. Prolog - 計算Koch曲線的座標
- 11. 統計曲線ios
- 12. 雙向數據總線設計
- 13. 雙軸標籤
- 14. 設計一個打印html標誌和標籤的java webapp
- 15. 設置多個HTML標籤
- 16. Android如何設計標籤
- 17. Nosql設計 - 標籤和mvc
- 18. 如何計算線條和曲線的最近點? ..或曲線和曲線?
- 19. 雙ISO ISO標籤
- 20. 如何修改HTTP標籤與一個斜線雙斜線
- 21. 雙曲線函數 - 類型錯誤
- 22. 在R中繪製橢圓/雙曲線
- 23. 神經網絡雙曲線函數
- 24. 在Matlab中繪製雙曲線
- 25. R中的廣義雙曲線分佈
- 26. 如何用括號代替雙曲線?
- 27. 如何使用CSS和HTML設計hr標籤?
- 28. 如何設計PHP標籤內的HTML表格?
- 29. 設計問題 - servlets,jsps,自定義標籤,html
- 30. 如何切換標籤程式設計HTML/JS
爲什麼不查看該網站的來源,看看他們是如何做到的? –
是的,這將是一個好主意,至少可以給我們鏈接嗎? – Ivan
這是來自我自己的設計師的設計。所以它還沒有在代碼中實現。我意識到我有錯誤的措辭。抱歉。但是,是的。這個設計來自我的設計師。 –