這篇文章主要介紹html設置底部邊框的方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新新互聯(lián)，憑借10余年的做網(wǎng)站、網(wǎng)站設計經(jīng)驗，本著真心·誠心服務的企業(yè)理念服務于成都中小企業(yè)設計網(wǎng)站有成百上千家案例。做網(wǎng)站建設，選成都創(chuàng)新互聯(lián)。

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

html設置底部邊框的方法：

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

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

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

以上是“html設置底部邊框的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！