1首先打開sublime text軟件，新建一個(gè)html文件，輸入基本的html結(jié)構(gòu)2然后設(shè)置一個(gè)div，并設(shè)置div的class屬性，在上方的style中設(shè)置樣式，設(shè)置背景顏色高度和寬度并設(shè)置border邊框和邊框的圓角屬性，完成后保存3最后打開瀏覽器；用CSS代碼設(shè)定按鈕的圓角樣式，這個(gè)在css3中才能實(shí)現(xiàn)，通過(guò)使用borderradius來(lái)實(shí)現(xiàn)這個(gè)效果，不過(guò)有瀏覽器的兼容性問(wèn)題，moz例如 mozborderradius用于Firefoxwebkit例如webkitborderradius用于Safari和Chrome。

用css樣式為html元素設(shè)置圓角框是利用borderradius屬性實(shí)現(xiàn)的1html代碼lt！DOCTYPE html lthtml lthead ltstyle div textaligncenterborder2px solid #a1a1a1padding10px 40pxbackground#ddddddwidt；方法如下如果要兼容ie6等瀏覽器，只能用背景圖片做，就是做一個(gè)圓角的圖片，再把input放在上面把border10px solid red 改成border1px solid red就能看到效果了用背景圖片或者javascript實(shí)現(xiàn)什么是 HTML5HTML。

html怎么設(shè)置圓角矩形按鈕

要是要兼容ie的話，必須是用圖片要是不考慮ie的話 直接寫代碼就好了在css中寫mozborderradius 11pxkhtmlborderradius 11pxwebkitborderradius 11pxborderradius 11px。

建議大家還是使用圖片做背景的CSS圓角實(shí)現(xiàn)方案一張圖片利用CSS定位，實(shí)現(xiàn)DIV的四個(gè)邊角都是圓角這樣的好處是，只需要一張圓形的圖片，就可以實(shí)現(xiàn)四個(gè)圓角了HTML代碼ltdiv class=quotnavquot ltdiv class=quotnav2quot ltSPAN。

在style樣式中，添加一句borderradius5px。

ltinput type=quotbuttonquot name=quotbuttonquot value=quot設(shè)置圓角quot class=quotbtnquot同時(shí)給button先加上樣式btnwidth 200pxheight 30pxbackground #cccborder 1px solid #eee預(yù)覽html文件，可以看到現(xiàn)在button按鈕暫。

1在HTML中設(shè)置圓角邊框有兩種常見的方式2一種設(shè)置圓角的方式是使用圖片把輸入框設(shè)置為無(wú)邊框模式，然后顯示背景圖，背景圖里畫一個(gè)圓角邊框即可3另一種設(shè)置圓角的方式是設(shè)置borderradius屬性，borderradius即為。

borderradius屬性可以實(shí)現(xiàn)元素的圓角如下css可以實(shí)現(xiàn)文本框單行多行的圓角inputtype=text，textareaborderradius3pxborder1px solid #000 borderradius用法如下borderradius 屬性是一個(gè)簡(jiǎn)寫屬性，用于。

btnstyle backgroundcolorred 另一種定義直接在button標(biāo)簽上寫內(nèi)聯(lián)樣式，如下ltbutton type=#39button#39 style=#39backgroundcolorred#39點(diǎn)擊ltbutton 效果如下，按鈕紅色背景代碼截圖如下。

然后在style標(biāo)簽中設(shè)置樣式，btn1設(shè)置一個(gè)背景色，btn2設(shè)置邊框和邊框的圓角3最后打開瀏覽器，可以看到前兩個(gè)按鈕的顏色是一樣的，最后一個(gè)按鈕的顏色不光一樣，還有邊框和圓角這就是class屬性在html里面的用法。

html設(shè)置圓角屬性

兩種方式一種給DIV設(shè)置背景圖片，背景圖片可以設(shè)計(jì)成圓角適用范圍廣建議使用這一種方法另一種用CSS3技術(shù)，設(shè)置webkitborderradius10pxmozborderradius10pxborderradius 15px只能在最新的瀏覽。

可以啊，如果不好觀察，可以把ltimg設(shè)置一個(gè)背景色background green再設(shè)置圓角 borderradius 10px如果在img外面有框架，如ltdiv，其也要設(shè)置borderradius 10px才可以把img設(shè)置成圓角。

看圖，多個(gè)div疊在一起，可以達(dá)到你這個(gè)效果。

css3中有個(gè)borderradius屬性圓角的大小可以自定義，比如borderradius5px。

可以在點(diǎn)擊事件里加上這個(gè)試試，但這個(gè)僅僅只能去除點(diǎn)擊后出現(xiàn)的直角，點(diǎn)擊時(shí)去不掉 thiscss#39borderradius#39#3915px#39，#39outline#39#39#39。