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