ホームページの作り方HP

ホームページの作り方を、無料で初心者のために手打ちのHTMLタグとスタイルシートで解説してます

■ マージン-ボックススタイルシート

ボックス(divなどの四角形の境界枠)のマージンの指定　＝　
margin:*1（左右上下全てのマージン一括指定）
margin-top:*1（上側マージンの指定）
margin-right:*1（右側マージンの指定）
margin-left:*1（左側マージンの指定）
margin-bottom:*1（下側マージンの指定）
（*1＝単位pxで指定）
マージンの解説は、こちらへ

＜＜　ＣＳＳファイルデータ例　＞＞

＜　ファイル名＝style.css　＞

.name1 {
margin:10px;
background-color:#ccff99
}
.name2 {
margin-top:10px;
margin-left:20px;
margin-right:30px;
margin-bottom:40px;
background-color:#ccff99
}

＜＜　HTMLデータ例（.cssファイルと同じフォルダ内に作成する）　＞＞

<html>
<head>
<meta http-equiv="Content-Style-Type" content="text/css">
<LINK href="style.css" type="text/css" rel=stylesheet>
</head>
<body>
スタイルシート 
スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます。 
スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます。 
</body>
</html>

＜＜　ブラウザ表示　＞＞

スタイルシート

スタイルシートとは、ひとことで言えば、タグの属性を定義する技術といえます。

スタイルシート(CSS)

ボックスのスタイルシート(CSS)

ホームページの作り方HPTOPへ

リンク

素材リンク

HP作成リンク