圓角，用兩種方法樣式的方法，一種就是重疊，用ltb style=quotbordertop1px solid #height1pxoverflowhiddenwidth98pxquotltb ltb style=quotborderright1px solid #border1px solid #。

在css里加如下的代碼border 5 solid grayborderradius10px如過你不想要邊框，去掉 border 5 solid gray就行了注意Firefox 35，F(xiàn)irefox 30，Safari 31，Chrome 20x，Chrome 10x可用 參考資料。

在HTML中把塊的邊框做成圓角需要利用css的borderradius屬性1定義和用法 borderradius 屬性是一個簡寫屬性，用于設(shè)置四個 border*radius 屬性提示該屬性允許您為元素添加圓角邊框默認值0 繼承性no 版本CS。

添加一個CSS屬性，代碼borderradius150px運行網(wǎng)頁，可以看到長方形已經(jīng)變成了圓形css圓角邊框怎么設(shè)置1我們新建一個html網(wǎng)頁文件，把他命名為testhtml，接下來我們用testhtml文件來講解css如何設(shè)置圓角邊框2在。

具體操作步驟如下1首先打開sublime text軟件，新建一個html文件，輸入基本的html結(jié)構(gòu)2然后設(shè)置一個div，并設(shè)置div的class屬性，在上方的style中設(shè)置樣式，設(shè)置背景顏色高度和寬度并設(shè)置border邊框和邊框的圓角屬性。

下面是一個使用偽元素做邊框的例子一使用CSS3的邊框樣式 CSS3提供了很多新的邊框樣式，如圓角陰影漸變等，可以讓邊框更加豐富多彩下面是一個使用圓角邊框的例子divbefore borderradius 10pxleft 0。

Dreamweaver簡稱DW，相信很多的編輯工作者對它已經(jīng)很熟悉小編則為大家講解在DW中如何添加圓角矩形，希望對廣大的編輯工作者和初學(xué)者有做幫助首先我們要打開DW編輯工具進入之后新建一個文件在從中選擇HTML文件，點擊創(chuàng)建。

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

html2在testhtml文件內(nèi)，要使用div標(biāo)簽創(chuàng)建一行文字，并且把文字內(nèi)容寫上“css如何設(shè)置圓角邊框”3給div標(biāo)簽加上一個樣式，設(shè)置div標(biāo)簽的class屬性為mybkkd4在瀏覽器瀏覽一下testhtml，來看看效果能否實現(xiàn)。

如果是給全部的DIV 加同樣的背景色的話，你可以這樣寫ltstyle type=quottextcssquot divbackground#f00 ltstyle 如果你只是針對你給出代碼的一個進行添加背景色ltstyle type=quottextcssquot articleWrapperback。

borderbottom1px orange solidcolororange*上圓角框通用設(shè)置樣式，如果要運用多個不同顏色，以下6句不用重新變化*b1，b2，b3，b4。

創(chuàng)建div標(biāo)簽html中創(chuàng)建一個div標(biāo)簽，給這個標(biāo)簽添加文字和一個class為了后面方便控制div的樣式#設(shè)置div的樣式接下來在style標(biāo)簽設(shè)置div的樣式，在solid類中將邊框樣式設(shè)為實線邊框，顏色這里用默認。