在HTML和CSS中仅获取边框底部

我只想要边框底线，而不是边框左、边框右或边框顶：
所以我写了这样的代码：

CSS代码

和

HTML代码

：

.category{
边界半径：4px；
边框：1px纯蓝色；
高度：33像素；
利润率：2%0；
填充：1%2%；
宽度：100%；
边框底部：有内衬；
边框底色：蓝色；
}

JNCIA-朱诺斯

您的错误是设置了

边框

，而不是

边框底部

，请执行以下操作-

更改此css行：

border: 1px solid blue;  

到

改变

到

---

您可以选择要显示的边框，如下所示：

border:0;
border-bottom:1px solid blue;

请尝试此代码。。 你在css中犯了错误 您还使用了border和border bottom。你只需要使用底部边框

   .category {
   border-radius: 4px;
   border-bottom: 1px solid blue;
   height: 33px;
   margin: 2% 0;
   padding: 1% 2%;
   width: 100%;

    }  

---

您是否尝试过将

边框：1px纯蓝色

更改为

边框底部：1px纯蓝色

？

 border-bottom: 1px solid blue;

border:0;
border-bottom:1px solid blue;

   .category {
   border-radius: 4px;
   border-bottom: 1px solid blue;
   height: 33px;
   margin: 2% 0;
   padding: 1% 2%;
   width: 100%;

    }