問題:
如何建立一個看起來像這樣的選單:
[圖片]
我不想使用PSD 影像。我寧願使用來自 FontAwesome 等包中的圖標,並在 CSS 中生成背景/CSS。
可以使用 PSD 建立的選單版本可以在這裡找到。
答案:
經過將近 3 年的等待,我終於有時間重新審視此問題並發布改進版本。您仍然可以在結尾處查看原始答案以供參考。
雖然 SVG 可能是更好的選擇(尤其是在今天),但我的目標是只使用 HTML 和 CSS,沒有 JS、沒有 SVG、沒有圖像(根元素上的背景除外)。
螢幕截圖:
Chrome 43:
<input type='checkbox'>
/* CSS goes here. */
以上是如何僅使用 CSS 建立徑向選單?的詳細內容。更多資訊請關注PHP中文網其他相關文章!