如何使用CSS删除框的底部边框

Question

我有一个长方形div,就像上面那个.我想删除我的底部边框(从C到D)div.我怎样才能做到这一点？.

编辑:这是我的CSS

#index-03 {
  position: absolute;
  border: .1px solid #900;
  border-width: .1px;
  border-style: solid;
  border-color: #900;
  left: 0px;
  top: 102px;
  width: 900px;
  height: 27px;
}

Answer 1

只需加入: border-bottom: none;

#index-03 {
    position:absolute;
    border: .1px solid #900;
    border-bottom: none;
    left:0px;
    top:102px;
    width:900px;
    height:27px;
}

Answer 2

您可以设置

border-bottom: none;

或者

border-bottom: 0;

一将设置border-style为none。
一将设置border-width为0px。

border-bottom: none;

border-bottom: 0;

旁注：
如果您必须找出边框为何在您期望的时候没有显示，那么最好知道其中任何一个都可能是罪魁祸首。还要验证 与border-color不一样background-color。

Answer 3

您似乎误解了盒子模型 - 在 CSS 中，您提供顶部和左侧的点，然后是宽度和高度 - 这些都是放置具有精确测量值的盒子所需的全部内容。

该width物业是你的东西C-D是，但它也什么A-B是。如果省略它，div 将没有定义的宽度，宽度将由其内容定义。

更新（遵循对问题的评论：

将 a 添加border-bottom-style: none;到您的 CSS 以仅从底部删除此样式。