CSS中關于上邊框的語法主要有兩種,分別是border-top和border。下面將詳細介紹這兩種語法。
border-top:
選擇器{ border-top: border-width border-style border-color; }
這里的border-width是指邊框寬度,可以使用具體的像素值或者預設的關鍵字(thin、medium、thick),也可以省略不寫。border-style是指邊框樣式,通常有solid(實線)、dotted(點線)、dashed(虛線)等。border-color是指邊框顏色,可以使用具體的顏色值,也可以使用預設的顏色關鍵字。同樣也可以省略不寫。
border:
選擇器{ border: border-width border-style border-color; }
這里的語法與border-top類似,只不過不需要指定邊框的位置,而是將四個邊框的信息整合在一起,按照順序依次對應上、右、下、左四個方向的邊框。
舉個例子,如果想對一個元素的上邊框進行樣式設置,可以使用如下代碼:
p{ border-top: 1px solid red; }
這樣就給所有的<p>標簽的上邊框設置了1像素寬的紅色實線邊框。如果想同時對上、右、下、左四個方向的邊框進行相同的樣式設置,可以使用如下代碼:
p{ border: 1px solid red; }
這樣就給所有的<p>標簽的四個邊框都設置了1像素寬的紅色實線邊框。
上一篇css上邊框圓角
下一篇css下劃線樣式粗細