如何使用CSS刪除框的底部邊框

Question

我有一個矩形div ，就像上面那個。 我想在我的div刪除底部邊框（從C到D）。 我怎樣才能做到這一點？。

編輯：這是我的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; } 

 <div id="index-03" style="background-color:limegreen; width:300px; height:75px;"> </div> 

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

你似乎誤解了盒子模型 - 在CSS中你提供了頂部和左邊的點，然后是寬度和高度 - 這些都是一個盒子放置精確測量所需要的。

width屬性是你的CD ，但它也是AB的。 如果省略它，div將沒有定義的寬度，寬度將由其內容定義。

---

更新（關於問題的評論：

添加border-bottom-style: none; 到您的CSS只從底部刪除此樣式。

Answer 3

你可以設置

border-bottom: none;

要么

border-bottom: 0;

一個將border-style為none 。
一個將border-width為0px 。

 div { border: 3px solid #900; background-color: limegreen; width: 28vw; height: 10vw; margin: 1vw; text-align: center; float: left; } .stylenone { border-bottom: none; } .widthzero { border-bottom: 0; } 

 <div> (full border) </div> <div class="stylenone"> (style)<br><br> border-bottom: none; </div> <div class="widthzero"> (width)<br><br> border-bottom: 0; </div> 

邊注：
如果你不得不追查邊界沒有顯示的原因，那么你也可以知道其中任何一個都可能是罪魁禍首。 同時驗證border-color與background-color 。

Answer 4

您可以將寬度設置為自動。 然后，如果沒有內容，div的寬度將等於0。

width:auto;