1、首先新建一個(gè)html文件，輸入基本的內(nèi)容，這里設(shè)置一個(gè)div，并把它的class設(shè)置為demo，用瀏覽器打開看看默認(rèn)的效果：

2、設(shè)置div的樣式，這里給div300px的寬度。用border-bottom屬性，設(shè)置底框?yàn)?像素，用實(shí)線框，顏色偏紅色，設(shè)置完成后保存查看效果：

3、繼續(xù)對(duì)邊框美化，用box-shadow屬性加入陰影效果，4個(gè)數(shù)值分別為垂直陰影，水平陰影，陰影尺寸，陰影顏色；設(shè)置陰影圓角為4em，最后按下crtl+s保存，在左邊的瀏覽器就可以看見邊框新的效果了：

在html當(dāng)中，為標(biāo)簽設(shè)置底部邊框，采用border-bottom的CSS屬性即可，具體代碼如下：6.

標(biāo)簽底部有5像素黑色邊框

超文本標(biāo)記語言，標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用?！俺谋尽本褪侵疙撁鎯?nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素。超文本標(biāo)記語言的結(jié)構(gòu)包括“頭”部分（英語：Head）、和“主體”部分（英語：Body），其中“頭”部提供關(guān)于網(wǎng)頁的信息，“主體”部分提供網(wǎng)頁的具體內(nèi)容。