這篇文章給大家介紹HTML中怎么給字體添加邊框效果,內(nèi)容非常詳細(xì),感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。
瓜州網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián),瓜州網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為瓜州成百上千提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢,請找那個(gè)售后服務(wù)好的瓜州做網(wǎng)站的公司定做!
html元素添加邊框用border屬性來實(shí)現(xiàn)。
border 簡寫屬性在一個(gè)聲明設(shè)置所有的邊框?qū)傩浴?/p>
border屬性的三要素
border-width
默認(rèn)是 1px
border-style
邊框樣式
border-color
默認(rèn)是黑色
border-style
設(shè)置邊框的樣式可選
代碼示例
代碼效果
方法步驟
1、設(shè)置div標(biāo)簽的class屬性為mydiv
隨意寫文字
1、標(biāo)簽,頁面的css樣式。
2、mydiv的div進(jìn)行樣式設(shè)置,使用width和height屬性設(shè)置div的寬度為85px和高度為20px。
.mydiv{ width: 85px; height: 20px; }
3、四個(gè)邊框都設(shè)置成為1px實(shí)現(xiàn)灰色邊框的方法。
1、border-left
屬性設(shè)置div的左邊框;
2、border-right
屬性設(shè)置div的右邊框;
3、border-top
屬性設(shè)置div的上邊框;
4、border-bottom
屬性設(shè)置div的下邊框。
border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc
代碼效果
關(guān)于HTML中怎么給字體添加邊框效果就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。