1、1新建html文檔，在body標簽中添加一個div標簽，然后為這個div標簽設(shè)置邊框，這時默認情況下邊框是直角2為div標簽設(shè)置“borderradius”屬性，屬性值為圓角半徑大小，這時邊框的四個頂角都會變成圓角3為div標簽設(shè)置“borderradius”屬性，屬性值分別對應(yīng)邊框的左上角右上角右下角和左下角；1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標簽中，輸入html代碼ltdiv style=quotmargintop 30pxwidth 200pxheight80pxborder 1px solid bluequot ltdiv style=quotbackgroundcolor whiteposition absoluteleft 30pxtop 15pxquot文字lt。

2、borderstyle solid dotted dashed double ltstyle lthead ltbody ltdiv class=#39boxl#39ltdiv lt！doctype html lthtml lang=#39em#39 lthead ltmeta charset=utf8 lttitle盒子模型lttitle ltstyle type=#39text#39css box1 為元素設(shè)置邊框 要為一；創(chuàng)建div標簽html中創(chuàng)建一個div標簽，給這個標簽添加文字和一個class為了后面方便控制div的樣式#設(shè)置div的樣式接下來在style標簽設(shè)置div的樣式，在solid類中將邊框樣式設(shè)為實線邊框，顏色這里用默認的黑色#保存html代碼保存html代碼使用瀏覽器打開，即可看到瀏覽器頁面上顯示一個實線邊框；2添加style標簽并定義一個類，為這個類設(shè)置bordercolor屬性，屬性值為邊框的顏色，然后將這個類引用到div和span標簽上，這時div和span就被添加上了邊框顏色3為之前設(shè)置的類添加background屬性，屬性值為背景顏色，這時div和span就被添加上了背景顏色1打開html開發(fā)工具，新建一個html代碼頁面。

3、需要注意的是，不同的瀏覽器對于CSS屬性的支持程度可能有所不同因此，在開發(fā)過程中，你應(yīng)該確保你的代碼在主流瀏覽器中都能正常運行最后，如果你想要為文本框添加更多復雜的效果，例如圓角邊框，你可以使用borderradius屬性例如，你可以設(shè)置borderradius 10px來為文本框添加10像素的圓角同樣；1如圖，在代碼工具中，先建好幾個圖片，如圖這里的img圖片被div盒子包含然后將盒子設(shè)置寬度，然后浮動圖片填充整個盒子大小2效果就是這樣的，如圖3添加圖片的描邊效果有兩種方法，對圖片添加描邊或者是給外面的盒子套個描邊，先看給圖片添加描邊，如圖就是直接在img圖片標簽里添加上描邊。

4、2然后對p標簽設(shè)置寬高屬性，并只添加外輪廓 3這樣之后保存下，可以看到現(xiàn)在狀態(tài)時這樣的，在瀏覽器中預覽就可以看到效果 4如果我們想要將方框變成圓框，在樣式中需要輸入轉(zhuǎn)成圓角的命令，即borderradius50 5另外文字并不是居中的位置，所以需要對文字進行簡單的居中設(shè)置代碼 6然后圓框字的效果；HTML幾種特別的分割線特效 在HTML中，我們可以使用多種方法來創(chuàng)建分割線特效，增強網(wǎng)頁視覺效果以下是一些特別的分割線特效及其解釋一使用CSS樣式創(chuàng)建分割線 通過CSS樣式，我們可以創(chuàng)建多種視覺效果的分割線例如，利用邊框?qū)傩栽O(shè)置線條樣式，通過調(diào)整背景顏色或使用漸變效果增強視覺體驗這種方式可以自；ltdiv style=quotborder1px solid #999padding3pxquotltimg src=quot圖片路徑quotltdiv 這個就是用實線1像素寬的邊框，padding 就是補白，做出來的效果就是里面的圖片距離邊框會有3像素的距離；1 創(chuàng)建HTML文件，將body背景色設(shè)置為黑色以方便查看效果2 添加一個div元素，設(shè)置寬度高度和白色背景3 使用boxshadow屬性，通過調(diào)整模糊半徑和擴散半徑值來實現(xiàn)模糊邊框效果模糊半徑值越大，邊框模糊面積越大擴散半徑值可以擴大陰影范圍4 添加鼠標懸浮動畫，使用hover事件使元素在鼠標懸停；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。

5、在html當中，為標簽設(shè)置底部邊框，采用borderbottom的CSS屬性即可，具體代碼如下6標簽底部有5像素黑色邊框超文本標記語言，標準通用標記語言下的一個應(yīng)用“超文本”就是指頁面內(nèi)可以包含圖片鏈接，甚至音樂程序等非文字元素超文本標記語言的結(jié)構(gòu)包括“頭”部分英語Head和“主體”部分；在邊框上加文字可以用以下辦法實現(xiàn)！DOCTYPEHTML html body form fieldset legend在邊框上的字legend 可以輸入內(nèi)容inputtype=text 隨便輸入內(nèi)容inputtype=text fieldset form body html iknowtarget=quot_blankquottitle=quot點擊；1第一步，點擊打開sublime text，2設(shè)置全部邊框顏色一樣，例子是邊框都是藍色，bordercolorblue3設(shè)置上下邊框顏色一樣，左右邊框顏色一樣 例子上下邊框顏色藍色，左右邊框紅色，bordercolorblue red4設(shè)置上下邊框顏色不同，左右邊框顏色一樣 例子上邊框顏色藍色，下邊框綠色，左右邊框紅色，border；1第一步，如果要修改下劃線的顏色，大小和其他樣式，可以通過border屬性設(shè)計，使用起來更靈活，見下圖，轉(zhuǎn)到下面的步驟2第二步， 執(zhí)行完上面的操作之后， borderbottom屬性用于設(shè)置底部邊框樣式，見下圖，轉(zhuǎn)到下面的步驟3第三步， 執(zhí)行完上面的操作之后，borderbottom #FF0000 2px solid。

6、1 **基本文本編輯**你可以使用記事本寫字板htm或html擴展名或WPS等文本編輯器，直接編寫HTML代碼2 **半所見即所得編輯器**如FCKEditerEwebeditor，或者SublimeText這類代碼編輯器，它允許你在編寫時看到實時效果3 **所見即所得編輯器**AMAYAFRONTPAGEDreamweaver等。