CSS是一種用于修飾HTML文檔樣式的語言,可以通過設置邊框來美化網頁。以下是常用的邊框樣式:
border-style: solid; /* 實線邊框 */ border-style: dotted; /* 點線邊框 */ border-style: dashed; /* 虛線邊框 */ border-style: double; /* 雙線邊框 */ border-style: groove; /* 3D凹槽邊框 */ border-style: ridge; /* 3D凸槽邊框 */ border-style: inset; /* 3D內嵌邊框 */ border-style: outset; /* 3D外嵌邊框 */
以上邊框樣式可以單獨設置,也可以組合使用,例如:
/* 設置上下部分為實線,左右部分為虛線的邊框 */ border-top-style: solid; border-bottom-style: solid; border-left-style: dashed; border-right-style: dashed;
除了樣式外,邊框的寬度和顏色也可以進行設置,例如:
/* 設置邊框寬度為2個像素,顏色為紅色 */ border: 2px solid red;
如果只想設置某個邊框,也可以單獨設置,例如:
/* 只設置左側邊框寬度為2個像素,顏色為紅色 */ border-left: 2px solid red;
除了簡單的邊框設置外,CSS還提供了更多高級的邊框樣式和效果,例如box-shadow、border-image等,可以讓網頁更加豐富多彩。
上一篇美化a鏈接的css樣式
下一篇mysql命令行怎么建表