Question

我有问题。我正在使用谷歌浏览器，而不是它不会显示边框，div或任何东西。

喜欢这段代码：

div#over-blue {
    width: 100%;
    height: 45;
    background-color: #54bdc9;
    border-bottom: 4 solid #38a5b2;
}

它不会显示边框底部。

知道为什么吗？它有工作，直到昨天，它才停止显示它们。

请帮忙。我尝试重新安装Chrome，尝试在PC和MAC上试用。它只适用于我的iPad ......

Answer 1

您有拼写错误，需要为边框指定px。所以它会是这样的：

div#over-blue {
width: 100%;
height: 45;
background-color: #54bdc9;
border-bottom: 4px solid #38a5b2;
}

Answer 2

你想要＆＃34; 4px＆＃34;不是＆＃34; 4＆＃34;：

＆＃13;

div#over-blue {
    width: 100%;
    height: 45;
    background-color: #54bdc9;
 /* border-bottom: 4   solid #38a5b2; */  /* doesn't work */
    border-bottom: 4px solid #38a5b2;  /* works */
}

＆＃13;

<div> hi there
</div>

<div id="over-blue">
      I ought to have a border-bottom
</div>

＆＃13;

Answer 3

我认为你必须添加边框单元并尝试“4px”而不是“4”。

Chrome不会显示CSS的边框

3 个答案: