css下边框 阴影效果图

CSS下边框和阴影的效果能够为网页增添一份美观和细节，下面我们就来了解如何实现这两种效果。

1. CSS下边框

.box {
  border-bottom: 2px solid #000;
} 

上述代码中，我们设置了一个.box类，对应一个HTML元素，使用了border-bottom属性，并指定了边框的宽度为2像素，颜色为黑色。这样就可以在元素的底部增加一条黑色的下边框。

2. 阴影

.box {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
} 

上述代码中，我们同样设置了一个.box类，使用了box-shadow属性，在其中指定了三个参数，分别是水平偏移量、垂直偏移量和模糊半径，最后一个参数指定了阴影的颜色及透明度。这样就可以为元素增加淡淡的阴影效果。

以上就是CSS下边框和阴影效果的实现方法，根据具体需求来选择使用哪个效果或者两者结合使用，会为网页增添不少美感。