溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹html設(shè)置底部邊框的方法，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！
html設(shè)置底部邊框的方法：首先設(shè)置一個div，并把它的class設(shè)置為demo；然后設(shè)置div的樣式，并用【box-shadow】屬性加入陰影效果。
html設(shè)置底部邊框的方法：
1、首先新建一個html文件，輸入基本的內(nèi)容，這里設(shè)置一個div，并把它的class設(shè)置為demo，用瀏覽器打開看看默認(rèn)的效果：
2、設(shè)置div的樣式，這里給div300px的寬度。用border-bottom屬性，設(shè)置底框為3像素，用實線框，顏色偏紅色，設(shè)置完成后保存查看效果：
3、繼續(xù)對邊框美化，用box-shadow屬性加入陰影效果，4個數(shù)值分別為垂直陰影，水平陰影，陰影尺寸，陰影顏色；設(shè)置陰影圓角為4em，最后按下crtl+s保存，在左邊的瀏覽器就可以看見邊框新的效果了：
以上是“html設(shè)置底部邊框的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼
