如何删除盒的底部边框与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

回答

相关问题