前綴moz例如 mozborderradius用于Firefox，webkit例如webkitborderradius用于Safari和Chrome，CSS3圓角所有的不使用圖片來實現(xiàn)圓角曾經(jīng)是很流行的能力，創(chuàng)建那些完美的小圓角圖片，用做適當(dāng)?shù)腃SS背景，是非常費時的工作現(xiàn)在，使用CSS3，我們可以用幾行代碼來創(chuàng)建圓角這是一個5px。

1打開htm1軟件，打開工作區(qū)空間，選擇需要進(jìn)行操作的文件夾，點擊上方的新建文件選項2在彈出的文本框中給html文件命名，文件后綴名要以html結(jié)尾，文件命名為round，html，建議使用功能性的文件命名方式3在新建的html文件中輸入設(shè)置圓角矩形按鈕彩虹條CSS代碼4在代碼的空白區(qū)域右擊在彈出的選項。

設(shè)置按鈕的屬性Style為1，且將按鈕的屬性Picture選你想加載的圖片或設(shè)置按鈕的屬性BackColor的顏色，都可作出漂亮的按鈕如要改變按鈕形狀則較復(fù)雜可使用2個Shape控件和1個Label控件完成仿3D效果，3控件的顏色設(shè)成一樣如需加載圖片則Label控件改用PictureBox控件，具體代碼Private Sub Form_Load。

點擊 css樣式有兩種，一種是定義一個class，命名為btnstyle此處定義為紅色背景btnstyle backgroundcolorred 另一種定義直接在button標(biāo)簽上寫內(nèi)聯(lián)樣式，如下點擊 效果如下，按鈕紅色背景代碼截圖如下。

在HTML中把塊的邊框做成圓角需要利用css的borderradius屬性操作步驟1打開Adobe Dreamweaver CC 20152執(zhí)行菜單欄中的quot文件的新建quot命令或按住Ctrl+N鍵打開quot新建文檔quot對話框，選擇其文檔類型為HTML，單擊quot創(chuàng)建quot按鈕，即創(chuàng)建一個網(wǎng)頁文檔3在和之間添加quotquot，如下圖所示表單使用的標(biāo)記是成對。

第一直接寫CSS代碼borderradius 例如borderradius4px或者可以四個不同圓度borderradius4px 4px 3px 3px 順序是左上角，右上角，右下角，左下角 第二四個圓角貼圖制作四個圓角的圖片，然后用css定義 第三直接制作整個圓角矩形背景 第四定義12個背景色左上角4個，右上角4。

以上代碼會給class為myDiv的div元素設(shè)置一個10像素圓角的邊框你可以根據(jù)需要調(diào)整這些值同時，你也可以為每個角分別設(shè)置不同的圓角程度，比如只讓左上角和右下角有圓角三使用borderradius的優(yōu)勢 通過設(shè)置borderradius屬性，開發(fā)者可以創(chuàng)建各種美觀的UI元素，如按鈕卡片和模態(tài)框等此外，由于這。