body のテキスト水平位置は centerです
border10
幅 ４００px
高さ ２００px
境界線 １０px
margin10
幅 ４００px
高さ ２００px
境界線 １０px
余白 １０px
padding10
幅 ４００px
高さ ２００px
境界線 １０px
間隔 １０px
幅/高さの実質の値は、HTMLドキュメント宣言＝標準モード/互換モードは、
記述の仕方やブラウザに依存していますので注意が必要です。
<style type="text/css">
* {
margin: 0; /* 全ての要素をリセット */
padding: 0; /* 全ての要素をリセット */
border: none;
box-sizing : border-box;
-moz-box-sizing : border-box;
}
body{
margin: 0px auto;
border: 1px solid #003399;
background-color: #CCFFFF;
text-align: center;
width: 800px;
}
.normal{
border-width: 1px;
border-color: #000000;
border-style: dotted;
height: 100px;
width: 400px;
}
.border10{
border-width: 10px;
border-color: #000000;
border-style: solid;
height: 100px;
width: 400px;
}
.margin10{
margin: 10px;
border-width: 10px;
border-color: #000000;
border-style: solid;
height: 100px;
width: 400px;
}
.padding10{
padding: 10px;
border-width: 10px;
border-color: #000000;
border-style: solid;
height: 100px;
width: 400px;
}
</style>
