最新のInternet Explorer、Firefox、Opera、Google Chromeでご覧ください。

ロゴ

htmlやCSSに関してあれこれ。

掲載している情報はご自由にお使いください。

トップページ>マージン、パッディングの関係

マージン、パッディングの関係

サンプル

box1(幅500px)

box2(幅500px border 1px)

box3(margin 5px)

box4(padding 5px)

HTML

<p id="box1">box1(幅500px)</p>
<p id="box2">box2(幅500px border 1px)</p>
<p id="box3">box3(margin 5px)</p>
<p id="box4">box4(padding 5px)</p>

CSS

#box1     {
          width: 500px;
          background-color: blue;
}
#box2    {
          width: 500px;
          background-color: blue;
}
#box3    {
          width: 500px;
          background-color: blue;
          margin: 5px;
}
#box4    {
          width: 500px;
          background-color: blue;
          padding: 5px;
}

説明

ただいま修正中です。

JavaScript本格入門

JavaScript本格入門
著者:山田祥寛
価格:3,129円(税込、送料込)
楽天ブックスで詳細を見る

独習PHP第2版

独習PHP第2版
著者:山田祥寛
価格:3,360円(税込、送料込)
楽天ブックスで詳細を見る

PHPライブラリコレクション

PHPライブラリコレクション
著者:山田祥寛
価格:2,520円(税込、送料込)
楽天ブックスで詳細を見る

【送料無料】プロとして恥ずかしくないスタイルシートの大原則

【送料無料】プロとして恥ずかしくないスタイルシートの大原則
価格:1,890円(税込、送料別)

  • WEB広告ブログ
  • OUTLINE
  • 日本の城 一覧集
  • 写真集
  • SEO対策:WEB
QLOOKアクセス解析