.solid{ border-style:solid; border-width:3px; /*边框宽度可根据需求自行调整*/ } .bold{ border-style:solid; border-width:5px; /*边框宽度可根据需求自行调整,此处5px表示加粗*/ }
上述代码中,大家定义了两个类,分别是.solid和.bold。.solid是一个普通实线边框,而.bold通过增加边框宽度来实现加粗效果。
除了通过增加边框宽度来实现加粗,大家还可以使用outline来添加一个外部边框,从而实现加粗效果。具体代码如下:
.outline{ outline:solid 3px; /*3px表示加粗*/ }
上述代码中,大家定义了一个.outline类,通过outline属性来添加外部边框,从而实现加粗效果。
以上就是关于CSS实线如何加粗的两种方法,大家可以根据自己的需求来选择使用哦。