html設(shè)置底部邊框的方法：首先設(shè)置一個div，并把它的class設(shè)置為demo；然后設(shè)置div的樣式，并用【box-shadow】屬性加入陰影效果。

本教程操作環(huán)境：windows7系統(tǒng)、html5版，DELL G3電腦。

html設(shè)置底部邊框的方法：

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

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

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

相關(guān)學(xué)習(xí)推薦：html視頻教程