ホームページの作り方HP

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

■ パディング-ボックススタイルシート

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

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

＜　ファイル名＝style.css　＞

.name1 {
padding:10px;
background-color:#ccff99
}
.name2 {
padding-top:10px;
padding-left:20px;
padding-right:30px;
padding-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作成リンク