body{
padding:0px;
margin:0px;
text-align:center;
background-color:#ffffcc;
}
#a1{ /*全体枠*/
text-align:left;
line-height:200%;
padding:20px;
margin:0px;
width:850px;
height:700px;
background-color:#ffffff;
border-left:1px solid #777777;
border-right:1px solid #777777;
}
#t1{ /*タイトル枠*/
padding:15px;
line-height:200%;
border-bottom:1px solid #777777;
}
#c1{ /*コンテンツ枠*/
padding:15px;
line-height:200%;
border-bottom:1px solid #777777;
}
#f1{ /*フッター*/
padding:15px;
line-height:200%;
}
#d1{ /*色枠*/
padding:15px;
line-height:200%;
background-color:#ccffcc;
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta name="description"
content="インターネットを楽しむための情報を紹介しています。">
<meta name="keywords" content="インターネット,楽しく,情報">
<meta name="robots" content="index,follow">
<link rel="stylesheet" href="design.css" type="text/css" media="screen">
<title>
私のインターネット活用法 スタイルシート
</title>
</head>
<body>
<div id="a1">
<div id="t1">
<H1>
私のインターネット活用法 スタイルシート
</H1>
</div>
<div id="c1">
<a href="http://webnavisys.com/">トップ</a>＞
<a href="http://webnavisys.com/html/p50/">ホームページ作成</a>＞
スタイルシート
</div>
<div id="c1">
<h2>このページのスタイルシート</h2>
このページのスタイルシートです。
<div id="d1">
★スタイルシートのコード★
</div>
<BR>
<h2>ＨＴＭＬソース</h2>
このページのＨＴＭＬソースの概略です。
<div id="d1">
★ＨＴＭＬソース★
</div>
<BR>
</div>
<!--サイトマップ-->
<div id="c1">
★サイトマップ★
</div>
<div id="c1">
<center>
−
<A href="http://webnavisys.com/new.html">更新履歴</A> −
<A href="http://webnavisys.com/map.html">サイトマップ</A> −
<A href="http://webnavisys.com/link.html">リンク</A> −
</center>
</div>
<div id="f1">
<center>
Copyright © webnavisys.com All Rights Reserved.
</center>
</div>
</div>
</body>
</html>