1. table ＋ : 適合所有瀏覽器
1 222222222222222 3
4 6
4 6
4 5 6
4 6
4 6
4 6
7 888888888888888 9
2. css3 實現: ie 和 oprea 目前不支援
css3 中增加了圓角屬性：
3. div 實現：使用於所有瀏覽器, google code 這樣實現的
原理： 外層 div 設定背景，外層 div 裡面的上面和下面分別放幾個高 1px 的 div，給這些 div 設定 border-left 和 border-right 這兩個屬性，border 設定顏色來覆蓋掉背景顏色，border 的寬度遞增變化使看起來圓滑。
例子：
如果覺得這樣些麻煩的話可以使用 js 的乙個實現圓角的庫：curvycorners http://www.curvycorners.net/
這個庫使用同樣原理來實現的，不過個人覺得使用這個庫比較慢(ie 下)！如果看下 js 生成的 html 就會發現每個圓角會生成很多個 div，因為 js 生成的 每個 div 是水平排列的。
網頁文字豎排的幾種實現方式
古時候的書籍裡面文字的書寫方式都是從上到下從右向左書寫的，我們可不可以在網頁上實現這種文字排版效果，雖然現在豎排在網頁上用的比較的少，但是我們可以在我們自己的個人 或者部落格介紹頁面用豎排來排版，使網頁樣式看起來更加的豐富和復古！通過一些嘗試我找到了如下3中方式在網頁上豎排文字的方法，各有各的缺點和...
網頁自適應的幾種方式。
傳統的自適應布局有幾種 響應式，根據螢幕大小配置多個樣式檔案。使用em,rem.rem是頁面的font size尺寸，不同的頁面設定不同的font size。function wininitfontsize initfontsize 使用百分比或者flex，鋪滿螢幕，高度字型還使用px.scale通...
div css實現圓角矩形的幾種方法
1.css3實現圓角矩形，相容性有問題 round css3的，很多小的瀏覽器不相容，360之類的.2.拼圖的方法實現圓角矩形 簡潔型css圓角矩形 不過這個在ie7下有問題，下面的會和上面的脫節，所以最好用css hack解決一下.css hack 3，直接吧，最簡單的方式 不過自適應高度的話有些...