html - 同一 Div 的顶部和底部边框

Question

如何在同一个div中添加border-bottom和border-top？!

对我来说，它适用于底部边框还是顶部边框，但不能同时适用于两者:

.cat-name {

  border-top: 1px solid #CCCCCC
  border-bottom: 1px solid #CCCCCC

}

• 不起作用:(

但是

.cat-name {

      border-top: 1px solid #CCCCCC

    }

• 工作；还有

  .猫名{

    border-bottom: 1px solid #CCCCCC
  
  }
  

• 工作；

• 但是如何让两者都发挥作用呢？

Answer 1

尝试在每条规则后添加分号;:

.cat-name {

  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;

}