小編給大家分享一下css如何去掉border的底部，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)是一家以成都網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計、品牌設(shè)計、軟件運維、成都網(wǎng)站營銷、小程序App開發(fā)等移動開發(fā)為一體互聯(lián)網(wǎng)公司。已累計為玻璃鋼雕塑等眾行業(yè)中小客戶提供優(yōu)質(zhì)的互聯(lián)網(wǎng)建站和軟件開發(fā)服務(wù)。

在css中，可以使用border-bottom或border-bottom-style屬性，設(shè)置“border-bottom:none;”或“border-bottom-style:none;”樣式來去掉border的底部邊框。

border-bottom-style屬性可以設(shè)置元素底部邊框樣式，當屬性值設(shè)置為“none”時，可以指定無邊框。

而border-bottom縮寫屬性設(shè)置一個聲明中所有底部邊框?qū)傩?。包括?/p>

• border-bottom-width    指定底部邊框?qū)挾?/p>

• border-bottom-style    指定底部邊框樣式

• border-bottom-color    指定底部邊框顏色

示例：去掉border的底部邊框

HTML代碼：

<p>有底邊界。</p>
<p class="none">無底邊界。</p>
<p class="dotted">點底邊界。</p>
<p class="dashed">虛線底邊界。</p>
<p class="solid">實線底邊界。</p>
<p class="double">雙線底邊界。</p>
<p class="groove">凹槽底邊界。</p>
<p class="ridge">壟狀底邊界。</p>
<p class="inset">嵌入底邊界。</p>
<p class="outset">外凸底邊界。</p>

css代碼：

p {border-style:solid;}
p.none {border-bottom-style:none;}
p.dotted {border-bottom-style:dotted;}
p.dashed {border-bottom-style:dashed;}
p.solid {border-bottom-style:solid;}
p.double {border-bottom-style:double;}
p.groove {border-bottom-style:groove;}
p.ridge {border-bottom-style:ridge;}
p.inset {border-bottom-style:inset;}
p.outset {border-bottom-style:outset;}

效果圖：

p {
	border-style:solid;
	border-bottom:thick dotted;
}
p {border-style:solid;}
p.none {border-bottom:none;}
p.dotted {border-bottom:thick dotted #ff0000;}
p.dashed {border-bottom:dashed #ff0000;}
p.solid {border-bottom:solid #ff0000;}
p.double {border-bottom:double #ff0000;}
p.groove {border-bottom:groove #ff0000;}
p.ridge {border-bottom:ridge #ff0000;}
p.inset {border-bottom:inset #ff0000;}
p.outset {border-bottom:outset #ff0000;}

效果圖：

看完了這篇文章，相信你對css如何去掉border的底部有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

網(wǎng)站欄目：css如何去掉border的底部-創(chuàng)新互聯(lián)
鏈接URL：http://redsoil1982.com.cn/article34/dggdpe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、響應(yīng)式網(wǎng)站、網(wǎng)站設(shè)計公司、移動網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計公司、服務(wù)器托管

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)