css - 为什么没有设置宽度，边框样式仍显示边框？

Closed. This question needs details or clarity。它当前不接受答案。












                            想改善这个问题吗？添加详细信息并通过editing this post阐明问题。

                        4年前关闭。



在以下代码段中，CSS规则应仅在顶部创建边框：

.site {
    border-style: solid;
    border-top-color: #8ab51e;
    border-top-width: 10px;
}

<div class="site">This is some text</div>

但这会在所有四个侧面上创建边框，即使我只在顶部设置了宽度。

当我使用border-top-style时，它工作正常：

.site {
    border-top-style: solid;
    border-top-color: #8ab51e;
    border-top-width: 10px;
}

<div class="site">This is some text</div>

为什么border-style即使没有为这些边设置宽度也显示边框？

最佳答案

在CSS中将.site更改为此：

.site {
    border-top: 10px solid #8ab51e;
}

关于css - 为什么没有设置宽度，边框样式仍显示边框？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34293176/

上一篇：css - 我可以在 CSS 语句中定位一个类吗？

下一篇：JavaScript DOM 问题。 (getElementsByClassName)

相关文章：

css - 链接 wordpress 自定义 Bootstrap 样式表

jquery - Flash 视频仍在使用 jQuery 删除的 DIV 上播放(IE 错误)

html - div 元素和显示 inline-block

javascript - 最大化CSS中列的大小

javascript - 如何显示/隐藏带有 <?php?> 的 <div>

html - div 不水平和垂直居中

html - CSS 边框不会显示在网页上，检查元素显示 "invalid property value"？

html - 居中导航栏

html - 使用 CSS 等列流体高度和流体宽度列布局