一般來說,基於CSS的圓角技術分為帶圖片和不帶圖片兩大類。在這當中,又有使用Javascript的和不使用JavaScript的之分。所以也是各有千秋,互有利弊。還有就是,處理出來的圓角有的是有鋸齒的,甚至還有人就利用鋸齒來做圓角,於是就有人挑戰要做成無鋸齒的圓角。總之,新技術在不斷出現,新戰友挑戰老戰友,僅僅這個CSS圓角技術就夠熱鬧了。
使用圖片的圓角一般結構相對簡單,而不使用圖片的則經常是層層相套的div。在頁面使用Javascript有時候也不是那麼討人喜歡。所以,我希望能找到一個不用圖片,不用JavaScript,並且結構簡單的方法,如果可能的話,消除鋸齒最好(廢話!)。
網頁特效代碼,用純CSS樣式實現的網頁中圓角矩形代碼