1、1添加外部樣式 ltstylediv1border3px solid #000ltstyleltdiv class=quotdiv1quot這是DIV1ltdivborder為邊框?qū)傩裕?px為邊框的寬度 1像素，solid為邊框的樣式 實(shí)線，#000為邊框的顏色 黑色 2添加內(nèi)部樣式 ltdiv style=quotborder1px solid #000quot這是DIV1ltdiv；1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼ltdiv style=quotbordertop 3px solid #0b93d5borderbottom 3px solid #0b93d5quot123ltdiv3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)僅僅在層的上邊框和下邊框顯示了藍(lán)色；1打開(kāi)html開(kāi)發(fā)工具，新建一個(gè)html代碼頁(yè)面，然后創(chuàng)建一個(gè)ltdiv標(biāo)簽，并給這個(gè)標(biāo)簽添加文字和一個(gè)class為了solid創(chuàng)建ltdiv代碼ltdivsolid定義一個(gè)邊框ltdiv 2設(shè)置線條邊框創(chuàng)建ltstyle標(biāo)簽，然后在這個(gè)標(biāo)簽里設(shè)置solid類的樣式為實(shí)線邊框css樣式代碼ltstyletype=\quottextcss\quot solid；1首先我們創(chuàng)建一個(gè)html文件，引入必須的css文件后，創(chuàng)建一個(gè)父div和兩個(gè)子div作為測(cè)試2最簡(jiǎn)單的方法就是使用float浮動(dòng)，將兩個(gè)div進(jìn)行左右浮動(dòng)，即可設(shè)置出邊距，這里適合使用百分比3然后是使用margin外邊距，這也是常用的方法，可以設(shè)置上下左右邊距，這里使用float將兩個(gè)子div并列4這個(gè)方法；#設(shè)置div的樣式接下來(lái)在style標(biāo)簽設(shè)置div的樣式，在solid類中將邊框樣式設(shè)為實(shí)線邊框，顏色這里用默認(rèn)的黑色#保存html代碼保存html代碼使用瀏覽器打開(kāi)，即可看到瀏覽器頁(yè)面上顯示一個(gè)實(shí)線邊框。

2、邊框樣式，邊框顏色3其中邊框樣式有點(diǎn)線，虛線，雙線，實(shí)線等不同類別，具體樣式在下圖中均已列出，可根據(jù)自己的喜好選擇，這里設(shè)置span的邊框樣式為dashed，div的為solid4最后打開(kāi)瀏覽器，就可以看到設(shè)置好的效果了以上就是設(shè)置span和div的邊框和背景色的方法介紹；在html當(dāng)中，為標(biāo)簽設(shè)置底部邊框，采用borderbottom的CSS屬性即可，具體代碼如下ltstyle 2con 3 borderbottom 5px solid #0004 5ltstyle6ltdiv class=quotconquot標(biāo)簽底部有5像素黑色邊框ltdiv 超文本標(biāo)記語(yǔ)言，標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用“超文本”就是指頁(yè)面內(nèi)可以包含；ltdiv style=quotborder1px solid #999padding3pxquotltimg src=quot圖片路徑quotltdiv 這個(gè)就是用實(shí)線1像素寬的邊框，padding 就是補(bǔ)白，做出來(lái)的效果就是里面的圖片距離邊框會(huì)有3像素的距離；1新建一個(gè)HTML頁(yè)面2在HTML的中寫上 標(biāo)簽，打開(kāi)瀏覽器會(huì)有對(duì)應(yīng)的效果圖3內(nèi)部嵌套css或者外部引用css文件一般外部引用，給div增加樣式，可以統(tǒng)一設(shè)置邊框樣式4也可以分別設(shè)置邊框樣式；1在body區(qū)域，建立div標(biāo)簽，然后在div里面建立幾個(gè)p標(biāo)簽，文字內(nèi)容就寫在p標(biāo)簽里面 2然后對(duì)p標(biāo)簽設(shè)置寬高屬性，并只添加外輪廓 3這樣之后保存下，可以看到現(xiàn)在狀態(tài)時(shí)這樣的，在瀏覽器中預(yù)覽就可以看到效果 4如果我們想要將方框變成圓框，在樣式中需要輸入轉(zhuǎn)成圓角的命令，即borderradius50 5。

3、1打開(kāi)html開(kāi)發(fā)工具，新建一個(gè)html代碼頁(yè)面，然后創(chuàng)建一個(gè)div標(biāo)簽，并給這個(gè)標(biāo)簽添加文字和一個(gè)class為了solid創(chuàng)建div代碼div solid 定義一個(gè)邊框div 2設(shè)置線條邊框創(chuàng)建style標(biāo)簽，然后在這個(gè)標(biāo)簽里設(shè)置solid類的樣式為實(shí)線邊框css樣式代碼style type=quottextcssquotsolid borderstylesolid；1首先新建一個(gè)html文件，輸入基本的內(nèi)容，這里設(shè)置一個(gè)div，并把它的class設(shè)置為demo，用瀏覽器打開(kāi)看看默認(rèn)的效果2設(shè)置div的樣式，這里給div300px的寬度用borderbottom屬性，設(shè)置底框?yàn)?像素，用實(shí)線框，顏色偏紅色，設(shè)置完成后保存查看效果3繼續(xù)對(duì)邊框美化，用boxshadow屬性加入陰影效果；html邊框圓角化可以用css中的“borderradius”屬性來(lái)實(shí)現(xiàn)1新建html文檔，在body標(biāo)簽中添加一個(gè)div標(biāo)簽，然后為這個(gè)div標(biāo)簽設(shè)置邊框，這時(shí)默認(rèn)情況下邊框是直角2為div標(biāo)簽設(shè)置“borderradius”屬性，屬性值為圓角半徑大小，這時(shí)邊框的四個(gè)頂角都會(huì)變成圓角3為div標(biāo)簽設(shè)置“borderradius”屬性；1新建html文檔，在body標(biāo)簽中添加div標(biāo)簽，為這個(gè)標(biāo)簽添加一個(gè)類，類名這里以“demo”為例2為“demo”類添加“bordercolor”屬性，屬性值為邊框的顏色，這時(shí)div邊框就被添加上了顏色3為“demo”類添加“width”和“height”屬性，屬性值為寬度和高度的大小，這時(shí)div的寬度和高度就被設(shè)置好；元素的邊框 border 是圍繞元素內(nèi)容和內(nèi)邊距的一條或多條線控制邊框的屬性是 border 屬性邊框在HTML元素的修飾中幾乎無(wú)時(shí)無(wú)刻都會(huì)用到，給網(wǎng)頁(yè)設(shè)計(jì)帶來(lái)更豐富的視覺(jué)體驗(yàn)，通過(guò) CSS border 屬性允許你規(guī)定元素邊框的樣式寬度和顏色邊框與背景最新CSS21 作出了解釋元素的背景是包括內(nèi)容。

4、ltstyle myDiv borderradius 4px *這句就是重點(diǎn)，讓邊框變?yōu)閳A角* border 1px solid #CCC *讓邊框變?yōu)?px寬度，直線，#CCC顏色* width 500pxheight 500px ltsytle HTML代碼ltdiv id=quotmyDivquot這是圓角矩形ltdiv 就是這么簡(jiǎn)單，你COPY過(guò)去就OK了另外說(shuō)一句；此外，也可以使用一個(gè)值來(lái)均勻設(shè)置所有四個(gè)角的圓角程度二設(shè)置方法 設(shè)置圓角邊框的步驟相對(duì)簡(jiǎn)單首先，確保你的div元素有一個(gè)明確的class或id，然后在CSS樣式表中為這個(gè)元素指定borderradius屬性例如css myDiv border 2px solid #333 * 設(shè)置邊框?qū)挾葮邮胶皖伾?* borderradius。