讓我們往返顧一下目前網站建設中都有哪些解決計劃。
第一種:無圖片純css圓角框
收錄理由:兼容性強,不用圖形
圖一
特點:
1. 不用任何圖形,應用很多個div容器模仿出圓角后果。
2. 兼容性:通殺所有瀏覽器。
毛?。?br /> 1. 結構這個圓角需要參加太多的無語義的標簽,結構比擬冗余。
2. 重用性不強:假如一個頁面有多個圓角,并且要實現不同的半徑大小,則其機動性不夠。
3. 邊框色彩固然可以調節(jié),但會對頁面中的結構產生致命的影響,實用于色彩單一并且一個頁面中圓角利用未幾的頁面。
4. 不輕易實現圓弧內有漸變色的圖形背景。
5. 圓角框不夠圓滑,有鋸齒現象,合適于背風景和當前色色差不大并且圓弧較小的網頁。
實現原理:
用很多1像素高的div容器,利用背風景和邊框色來模仿出圓角框的輪廓線。