這段時(shí)間做項(xiàng)目,美工設(shè)計(jì)的界面輸入框都是圓角的,確實(shí)很好看,研究了一下,實(shí)現(xiàn)起來(lái)真還有些麻煩
firefox,safri,chrome這些瀏覽器基本都一定程度支持新的CSS3標(biāo)準(zhǔn),可以用CSS來(lái)搞定圓角:
可是M$的IE就麻煩了, 直道IE9 還沒(méi)完整支持CSS3,就只能用背景圖片法,前后補(bǔ)圖法等等,來(lái)模擬圓角效果了1: border-radius: 5px; /* css 3標(biāo)準(zhǔn) */2: -moz-border-radius: 5px; /* mozilla */3: -webkit-border-radius: 5px; /* webkit */
