CSS中實線是很常用的一種邊框樣式,有時候我們需要把它加粗,那么如何實現(xiàn)呢?
.solid{ border-style:solid; border-width:3px; /*邊框?qū)挾瓤筛鶕?jù)需求自行調(diào)整*/ } .bold{ border-style:solid; border-width:5px; /*邊框?qū)挾瓤筛鶕?jù)需求自行調(diào)整,此處5px表示加粗*/ }
上述代碼中,我們定義了兩個類,分別是.solid和.bold。.solid是一個普通實線邊框,而.bold通過增加邊框?qū)挾葋韺崿F(xiàn)加粗效果。
除了通過增加邊框?qū)挾葋韺崿F(xiàn)加粗,我們還可以使用outline來添加一個外部邊框,從而實現(xiàn)加粗效果。具體代碼如下:
.outline{ outline:solid 3px; /*3px表示加粗*/ }
上述代碼中,我們定義了一個.outline類,通過outline屬性來添加外部邊框,從而實現(xiàn)加粗效果。
以上就是關于CSS實線如何加粗的兩種方法,大家可以根據(jù)自己的需求來選擇使用哦。
上一篇css實訓第八天感想
下一篇css實色左右漸變透明