Question

我遇到了一个空div HTML标记的问题。我已经添加了CSS，但样式没有显示。我已经尝试过添加＆amp; nbsp但它没有做任何事情。有没有其他方法来解决这个问题？有问题的CSS：

<style type="text/css">
div#mainbutton { width: 28px; height: 28px; border-color: rgb(0, 0, 0); border-width:     
5px; border-radius: 2px; }
</style>

HTML：

<div id="mainbutton">&nbsp;</div>

Answer 1

你只是缺少边框样式，当你不添加border-style属性时，浏览器不知道该怎么做。

#mainbutton { 
    width: 28px;
    height: 28px; 
    border-color: rgb(0, 0, 0); 
    border-width:5px; 
    border-radius: 2px; 
    border-style: solid;
}

作为边框式，您可以使用以下内容：solid, dotted, dashed, double, groove, ridge, inset, outset or none。

Here你可以阅读更多相关信息。

Answer 2

只需添加border:solid;

即可

   <style type="text/css"> 
    div#mainbutton {width:28px;height:28px;border:solid 5px rgb(0, 0, 0);border-radius: 2px; } 
    </style>

并使用border:solid 5px rgb(0,0,0)等css快捷方式与border-style:solid;border-width:5px;border-color:rgb(0,0,0)

相同

Answer 3

您需要在CSS中使用border-style。

CSS不显示空div标签

3 个答案: