使用CSS繪製一個正六邊形:
具體步驟:通過繪製三個長方形進行疊加實現,其中長方形的長寬比例爲::1。
note:設置標籤的position屬性爲absolute時,即設置爲絕對定位的元素相對於屬性不是position: static;
的祖先元素進行定位。如果沒有設置,則根據html
或body
元素進行定位,至於是哪一個由用戶代理(瀏覽器)決定。
代碼:
效果圖:
具體步驟:通過繪製三個長方形進行疊加實現,其中長方形的長寬比例爲::1。
note:設置標籤的position屬性爲absolute時,即設置爲絕對定位的元素相對於屬性不是position: static;
的祖先元素進行定位。如果沒有設置,則根據html
或body
元素進行定位,至於是哪一個由用戶代理(瀏覽器)決定。
代碼:
效果圖:
原因:加入了問題圖標,至於爲什麼是問題圖標,原因不詳,反正對比兩個版本的圖標css文件刪除多餘的問題圖標,圖標錯位問題就解決。 錯位顯示: 正常顯示: