html - 空のdivタグでCSSが表示されない

Question

空のdivHTMLタグで問題が発生しています。CSSを追加しましたが、スタイルが表示されません。＆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。

ここでそれについてもっと読むことができます。

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を使用する必要があります。