新聞中心
小編給大家分享一下css設(shè)置邊框四邊的方法,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
專注于為中小企業(yè)提供成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)亳州免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動(dòng)了成百上千家企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
css設(shè)置邊框四邊的方法:1、使用border-bottom屬性設(shè)置下邊框;2、使用border-left屬性設(shè)置左邊框;3、使用border-right屬性設(shè)置右邊框;4、使用border-top屬性設(shè)置上邊框。
邊框css四邊怎么加?
1、使用border屬性,一次性設(shè)置四個(gè)邊框的樣式
border:在一個(gè)聲明中設(shè)置所有的邊框?qū)傩浴?/p>
可設(shè)置的邊框?qū)傩裕?/p>
border-width:指定邊框?qū)挾?/p>
border-style:指定邊框樣式
border-color:指定邊框顏色
示例:設(shè)置四個(gè)邊框樣式
段落中的一些文本。
效果圖:
2、使用border-bottom、border-left、border-right、border-top分別設(shè)置四個(gè)邊框的樣式
border-bottom:在一個(gè)聲明中設(shè)置所有的下邊框?qū)傩浴?/p>
border-left:在一個(gè)聲明中設(shè)置所有的左邊框?qū)傩浴?/p>
border-right:在一個(gè)聲明中設(shè)置所有的右邊框?qū)傩浴?/p>
border-top:在一個(gè)聲明中設(shè)置所有的上邊框?qū)傩浴?/p>
示例:
段落中的一些文本。
效果圖:
以上是“css設(shè)置邊框四邊的方法”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
網(wǎng)頁題目:css設(shè)置邊框四邊的方法
文章起源:http://www.ef60e0e.cn/article/jisijj.html