1、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è)頂角都會變成圓角3為div標(biāo)簽設(shè)置“borderradius”屬性，屬性值分別對應(yīng)邊框的左上角右上角右下角和左下角；1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入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標(biāo)簽html中創(chuàng)建一個(gè)div標(biāo)簽，給這個(gè)標(biāo)簽添加文字和一個(gè)class為了后面方便控制div的樣式#設(shè)置div的樣式接下來在style標(biāo)簽設(shè)置div的樣式，在solid類中將邊框樣式設(shè)為實(shí)線邊框，顏色這里用默認(rèn)的黑色#保存html代碼保存html代碼使用瀏覽器打開，即可看到瀏覽器頁面上顯示一個(gè)實(shí)線邊框；2添加style標(biāo)簽并定義一個(gè)類，為這個(gè)類設(shè)置bordercolor屬性，屬性值為邊框的顏色，然后將這個(gè)類引用到div和span標(biāo)簽上，這時(shí)div和span就被添加上了邊框顏色3為之前設(shè)置的類添加background屬性，屬性值為背景顏色，這時(shí)div和span就被添加上了背景顏色1打開html開發(fā)工具，新建一個(gè)html代碼頁面。

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

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

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

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