CSS應用之繪製正六邊形

使用CSS繪製一個正六邊形:

具體步驟:通過繪製三個長方形進行疊加實現,其中長方形的長寬比例爲:\sqrt{3}:1。

note:設置標籤的position屬性爲absolute時,即設置爲絕對定位的元素相對於屬性不是position: static;的祖先元素進行定位。如果沒有設置,則根據htmlbody元素進行定位,至於是哪一個由用戶代理(瀏覽器)決定。

代碼

效果圖

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章