CSS中可以用border屬性添加邊框,其實現方式有實線、虛線、點線、雙實線等多種方式。在實線邊框的繪制時,也可以通過設置border-width屬性來調整邊框的粗細。
/* 設置邊框寬度,單位可以是px、em、rem等 */ border-width: 1px; border-width: 2px; border-width: 3px;
上述代碼設置了不同的邊框寬度,可以看到在被應用元素的邊緣繪制了實線邊框。當然,也可以在邊框的不同方向上設置不同的寬度。
/* 分別設置上下左右邊框的寬度 */ border-top-width: 1px; border-right-width: 2px; border-bottom-width: 3px; border-left-width: 2px;
上述代碼設置了上下左右不同的邊框寬度,可以發現元素的邊框在不同的方向上呈現出不同的粗細。
需要注意的是,在CSS中設置實線邊框的粗細時,邊框的寬度不能小于1px,否則可能無法正常顯示出邊框。此外,在不支持CSS3屬性的瀏覽器中,這些屬性可能無法正常顯示效果,需要使用其他的方法來實現。
下一篇css實現鼠標懸停縮放