css下边框线改变大小

在使用CSS进行页面设计时，下边框线的样式往往是我们不可避免要用到的。但是，仅仅更改下边框的样式可能并不能满足我们的需求，我们可能会需要更改下边框线的大小来达到装饰效果的目的。

/*改变下边框线的大小*/
.border-style{  
    border-bottom-width: 5px;  
} 

在上述代码中，我们将使用“border-bottom-width”属性来改变下边框线的大小。该属性可以接受一个像素（px）的值，值越大，下边框线便会越粗。

/*同时改变上下边框线的大小*/
.border-style{
    border-top-width: 2px;
    border-bottom-width: 5px;
} 

有时候，为了让整个页面更为协调，我们可能需要同时改变上下边框线的大小。上述代码中，我们使用了“border-top-width”属性来更改上边框线的大小，和之前提到的更改下边框线的方法类似，只需将属性名换成“border-top-width”即可。

/*改变左右边框线的大小*/
.border-style{
    border-left-width: 2px;
    border-right-width: 5px;
} 

和上述代码中一样，我们也可以使用“border-left-width”和“border-right-width”属性来更改左右边框线的大小。这样我们就可以灵活地调节边框线的大小来增加页面的视觉效果。