CSS表格邊框虛實線
在CSS中設(shè)置表格邊框的樣式是很常見的事情,但是如何設(shè)置邊框的虛實線樣式呢?
實線邊框
如果要將表格的邊框設(shè)置為實線,只需要在CSS代碼中添加以下樣式:
pre{
border: 1px solid #000;
}
其中,solid表示實線,#000表示邊框顏色可以自行更改。
虛線邊框
如果要將表格的邊框設(shè)置為虛線,只需要在CSS代碼中添加以下樣式:
pre{
border: 1px dashed #000;
}
其中,dashed表示虛線,#000表示邊框顏色可以自行更改。
雙實線邊框
如果要將表格的邊框設(shè)置為雙實線,只需要在CSS代碼中添加以下樣式:
pre{
border: 3px double #000;
}
其中,double表示雙實線,#000表示邊框顏色可以自行更改。雙實線的寬度可以通過修改3px來改變。
虛實線邊框
如果要將表格的邊框設(shè)置為虛實線(一實一虛),只需要在CSS代碼中添加以下樣式:
pre{
border: 3px groove #000;
}
其中,groove表示虛實線,#000表示邊框顏色可以自行更改。虛實線的寬度可以通過修改3px來改變。
總結(jié)
以上就是CSS表格邊框虛實線樣式的設(shè)置方法,可以根據(jù)需要設(shè)置不同的邊框樣式,使得表格看起來更加美觀和精細(xì)。
網(wǎng)站導(dǎo)航
- zblogPHP模板zbpkf
- zblog免費模板zblogfree
- zblog模板學(xué)習(xí)zblogxuexi
- zblogPHP仿站zbpfang