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

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

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

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