如果你想用CSS畫一個方框,可以使用CSS的border屬性。該屬性的語法如下:
border: width style color;
其中,width指定邊框寬度,style指定邊框樣式,color指定邊框顏色。
例如,要畫一個邊框寬度為1像素,樣式為實線,顏色為紅色的方框,可以這樣寫:
.box { border: 1px solid red; }
如果要畫一個虛線框,可以使用dashed或dotted樣式:
.box { border: 1px dashed blue; }
.box { border: 2px dotted green; }
你還可以畫出不同寬度和顏色的多重邊框:
.box { border: 2px solid red; border-top-width: 4px; border-left-color: blue; border-right-color: green; border-bottom-color: yellow; }
以上CSS樣式可以畫出一個頂部邊框為4像素寬的紅色矩形,左邊框為藍色,右邊框為綠色,底部邊框為黃色。
通過CSS的復雜邊框屬性,你可以很容易地畫出各種漂亮的方框效果。
上一篇如何用css設置網頁背景
下一篇如何用CSS調整表格寬度