第一種方法：如果是css2.2的話，可以簡單寫乙個製作圓角矩形，分上中下裁成三張圖
css3實現圓角第二種方法：如果是使用css實現圓角的話，那麼目前最簡單的方法就是css3中的-moz-border-radius、-webkit-border-radius以及border-radius一起使用效果更佳，目前能支援css3的瀏覽器有ie9及以上版本，google chrome10以上版本，firefox4及以上版本。否則的話，只能使用來進行實現了，當然也可以使用css2，但是那個太過於麻煩。"box
">
"content
">
下面我給你乙個例子，你可以在以上我提到的相應瀏覽器中進行瀏覽，那樣效果會更好！
class="請將以上**複製貼上後，儲存為html文件即可，然後利用目前最新版的瀏覽器進行瀏覽即可看到如下效果：box">
css用邊框實現圓角矩形
今天要做乙個圓角矩形的按鈕，於是直接找圓角矩形的css實現方式，搞了半天，雖然也實現效果了，但是很複雜，需要用很多 後來突然想到以前做過的乙個邊框效果，也是圓角矩形，於是找了出來，發現這種辦法相當簡單並且效果一點也不差，這裡簡要分享一下。關鍵部分都有注釋。html view plain copy h...
純CSS圓角矩形
這樣形成的圓角，是具備多種優勢的 1.無論是在橫向還是縱向上都保持著無限的擴充套件性。試著修改box的width content的height。2.沒有hack，且不易出現瀏覽器相容性問題。3.圓角顏色易自定義。4.圓角大小可自定義。試著將class box 的修改為class box2 5.圓角模...
純css圓角矩形
html 這樣形成的圓角，是具備多種優勢的 1.無論是在橫向還是縱向上都保持著無限的擴充套件性。試著修改box的width content的height。2.沒有hack，且不易出現瀏覽器相容性問題。3.圓角顏色易自定義。4.圓角大小可自定義。試著將class box 的修改為class box2 ...