如何刪除盒的底部邊框與CSS

我有一個長方形的格，像我have.I想省略長度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;

來源

2010-11-06 Gandalf

你是什麼意思忽略它？來自哪裏？你的代碼在哪裏？ – Oded 2010-11-06 18:39:33

我給我的div 1px邊框。我想在長度C-D中放下1px邊框。 – Gandalf 2010-11-06 18:45:04

您需要使用border-bottom：none。 – 2010-11-06 18:47:35

只需添加在：

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

來源

2010-11-06 18:48:03 DaiYoukai

爲了將來引用讀者，這裏是[W3C規範中定義的邊框屬性]（http://www.w3.org/TR/CSS2/box.html#border-properties） – 2010-11-06 18:56:40

專業提示：訂單很重要。如果你試圖在'border：.1px solid＃900;之前設置'border-bottom：none;'，那麼它將不起作用。 – 2017-07-29 02:07:12

@LeviFuller謝謝，你爲我節省了很多時間！ – Germain 2018-02-22 13:55:47

你似乎誤解盒模型 - 在CSS您提供頂級分離開，然後寬度和高度 - 這是所有的都需要一個框以精確的測量放置。

width屬性是你的C-D是什麼，但它也是A-B是。如果你忽略它，div將沒有定義的寬度，寬度將由其內容定義。

更新（以下關於這個問題的評論：

添加border-bottom-style: none;你的CSS僅從底部移除這種風格

來源

2010-11-06 18:45:10 Oded

如果您有一分鐘的時間，我想讓您看看yahoo.com.At的底部，您會發現'MARKETPLACE'div。您認爲他們是如何做到的？ – Gandalf 2010-11-06 18:49:59

這只是一個具有堅實邊框的DIV。該DIV也是另外三個DIV的容器。 – 2010-11-06 18:52:08

你可以只將寬度設置爲自動然後。股利的寬度將等於0，如果沒有內容

width:auto;

來源

2010-11-06 18:47:02 DADU

如何刪除盒的底部邊框與CSS

回答

相關問題