這篇文章主要介紹“CSS3列邊框怎么定義”的相關(guān)知識,小編通過實際案例向大家展示操作過程,操作方法簡單快捷,實用性強,希望這篇“CSS3列邊框怎么定義”文章能幫助大家解決問題。
創(chuàng)新互聯(lián)公司2013年開創(chuàng)至今,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項目成都做網(wǎng)站、網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè)網(wǎng)站策劃,項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命,1280元雙塔做網(wǎng)站,已為上家服務(wù),為雙塔各地企業(yè)和個人服務(wù),聯(lián)系電話:18980820575
column-rule-style屬性指定了列與列間的邊框樣式:
實例
div{
-webkit-column-rule-style:solid;/*Chrome,Safari,Opera*/
-moz-column-rule-style:solid;/*Firefox*/
column-rule-style:solid;
}
column-rule-width屬性指定了兩列的邊框厚度:
實例
div{
-webkit-column-rule-width:1px;/*Chrome,Safari,Opera*/
-moz-column-rule-width:1px;/*Firefox*/
column-rule-width:1px;
}
column-rule-color屬性指定了兩列的邊框顏色:
實例
div{
-webkit-column-rule-color:lightblue;/*Chrome,Safari,Opera*/
-moz-column-rule-color:lightblue;/*Firefox*/
column-rule-color:lightblue;
}
column-rule屬性是column-rule-*所有屬性的簡寫。
以下實例設(shè)置了列直接的邊框的厚度,樣式及顏色:
實例
div{
-webkit-column-rule:1pxsolidlightblue;/*Chrome,Safari,Opera*/
-moz-column-rule:1pxsolidlightblue;/*Firefox*/
column-rule:1pxsolidlightblue;
}
關(guān)于“CSS3列邊框怎么定義”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識,可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,小編每天都會為大家更新不同的知識點。