html - CSS 不显示空的 div 标签

Question

我一直遇到空 div HTML 标记的问题。我已经向其中添加了 CSS，但未显示样式。我试过向它添加   但那没有做任何事情。还有其他方法可以解决这个问题吗？有问题的 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 或 none。

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