基本中の基本ですが、ここを抑えておかないとデザインでハマることになりかねない。。。でもはまらない限りはここには書きません。

普通の四角を書く

普通の四角を書きます。背景の色・文字の色・枠線の太さ・余白設定をすればいいです

#box {
  margin:10px 0px 0px 10px;　　　　<-　枠線より外側の余白の設定。　上右下左の順で指定。
  padding:15px 10px 0px 0px;　　　 <-　枠線より内側の余白の設定。　順序はmarginと一緒。
  width:600px;　　　　　　　　　　　<-　四角の横幅の設定
  height:35px;　　　　　　　　　　　<-　四角の縦幅の設定
  overflow:hidden;　　　　　　　　　<-　書いた文字が枠の横幅を超えた時の動作を設定。　「hidden」は表示しない。
  background:#fff;　　　　　　　　　<-　四角の背景色の設定
  color:#000;　　　　　　　　　　　 <-　四角に書いた文字色の設定
}