簡介:CSS圓角的實現,經歷了三大發(fā)展階段:背景圖片(貼圖)方式、CSS2.0+HTML標簽模擬、CSS3.0圓角屬性(border-radius)。本案例詳細講解每一種的實現方式,并對實現的優(yōu)缺點進行對比分析。
第2章 使用背景圖片方式制作圓角
使用背景圖片方式也就是我們熟悉的貼圖方式來制作圓角,可以制作寬度固定高度自適應以及寬度和高度都自適應的圓角。
第4章 使用CSS3中圓角屬性(border-radius)制作圓角
使用最新技術制作圓角灰常簡單,但是要考慮到瀏覽器的兼容性問題。