CSS中的border屬性是一種在HTML元素周圍繪制邊框的方式。邊框可以是實線、虛線、點線或雙線等。在此我們將著重解釋css中border線性的運用方式。
border: 1px solid #000;
上面的代碼表示,在HTML元素外圍繪制1像素寬、黑色的實線邊框。你可以通過修改像素大小和顏色來改變邊框的樣式,如下:
border: 5px dotted red;
這里,我們使用了5像素寬的紅色虛線邊框。值得注意的是,如果只指定一個數字,它將被解釋為邊框的寬度,而其他參數默認為solid和currentColor,所以下面兩個例子的邊框樣式是一樣的:
border: 2px; border: 2px solid currentColor;
還有一個值得被提到的參數是border-radius,它用于調整邊框圓角的弧度:
border-radius: 5px;
這條規則將為HTML元素的四個角繪制5像素的圓角。如果將此值設置為50%,將會形成一個圓形的邊框。