溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家介紹HTML中怎么給字體添加邊框效果，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。
html元素添加邊框用border屬性來實現。
border 簡寫屬性在一個聲明設置所有的邊框屬性。
border屬性的三要素
border-width 默認是 1px
border-style 邊框樣式
border-color 默認是黑色
border-style設置邊框的樣式可選
代碼示例
<style>
p.none {border-style:none;}
p.dotted {border-style:dotted;}
p.dashed {border-style:dashed;}
p.solid {border-style:solid;}
p.double {border-style:double;}
p.groove {border-style:groove;}
p.ridge {border-style:ridge;}
p.inset {border-style:inset;}
p.outset {border-style:outset;}
p.hidden {border-style:hidden;}
</style>代碼效果
方法步驟
1、設置div標簽的class屬性為mydiv
<div class="mydiv">隨意寫文字</div>
1、<style type="text/css"></style>標簽，頁面的css樣式。
<style type="text/css">...</style>
2、mydiv的div進行樣式設置，使用width和height屬性設置div的寬度為85px和高度為20px。
.mydiv{
width: 85px;
height: 20px;
}3、四個邊框都設置成為1px實現灰色邊框的方法。
1、border-left屬性設置div的左邊框；
2、border-right屬性設置div的右邊框；
3、border-top屬性設置div的上邊框；
4、border-bottom屬性設置div的下邊框。
border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc
代碼效果
關于HTML中怎么給字體添加邊框效果就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
