■　ＷＥＢ年賀状　■
ソースａ　は<ｈｅａｄ>　〜　</ｈｅａｄ> の間に記述
ソースａ　は<body>　〜　</body> 間の表示したい所に記述して下さい
■　サンプル　■
（サンプル画像をクリックして下さい）
背景画や素材、枠などを変更することで色々変わります。
= sample =

使用素材：Miho's House
■　ソースａ　■
<STYLE type="text/css">
<!--
BODY {
background-image : url(bg.jpg);
background-repeat:repeat;
background-attachment:fixed;
background-position:left top;
overflow:hidden;
　}
#layer{
width:100%;
height:100%;
position:absolute;
left:0px;
top:50px;
text-align:center;
　}
.waku1{
border-width:4;
border-color:#8b0000;
border-style:double;
background-color:ffffff;
left:0;
top:0;
width:80%;
height:80%;
　}
.waku2{
border-width:4;
border-color:#b22222;
border-style:double;
background-color:ffffff;
width:100%;
height:100%;
　}
.waku3{
border-width:4;
border-color:#b22222;
border-style:solid;
background-color:F6F4F5;
width:100%;
height:100%;
　}
.waku4{
border-width:4;
border-color:#8b0000;
border-style:double;
width:100%;
height:100%;
background-color:ffffff;
background-image:url(bg1.png);
background-repeat:repeat;
background-position:left top;
　}
P {
font: 22px;
writing-mode:tb-rl;
height:10cm;
　}
-->
</STYLE>
■　ソースｂ　■
<DIV id="layer">
<TABLE cellpadding="0" cellspacing="0" class="waku1">
<TBODY>
<TR>
<TD>
<TABLE cellpadding="0" cellspacing="0" class="waku2">
<TBODY>
<TR>
<TD>
<TABLE cellpadding="0" cellspacing="0" class="waku3">
<TBODY>
<TR>
<TD>
<TABLE cellpadding="0" cellspacing="0" class="waku4">
<TBODY>
<TR>
<TD width="90%">
<P>
<BR>
<BR>
　　<FONT face="HG行書体">謹んで新春のお慶びを<BR>
　　　　　　　　申し上げます</FONT><BR>
<BR>
<BR>
<FONT size="4" face="HG正楷書体-PRO">　皆様おすこやかに新春を<BR>
　お迎えのことと存じます<BR>
　昨年は何かとお世話になりまして<BR>
　大変ありがとうございました<BR>
　本年もどうぞよろしくお願い申し上げます</FONT><BR>
<BR>
<BR>
<FONT size="3" face="HG正楷書体-PRO">　平成○○年　元旦</FONT><BR>
<BR>
<FONT size="3" face="HG正楷書体-PRO">　　　　　　　　　○○市○○区○○<BR>
　　　　　　　　　　　山田　太郎・花子</FONT><BR>
</P>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</DIV>
■　解　説　■
タグ[body]について
　背景にする画像（bg.jpg）を左上から縦横に繰り返して表示し、ウィンドウからはみ出た画像は無視、
　スクロールしても背景画像が動かないように設定。

ＩＤセレクタ[#layer]について
　<DIV>〜</DIV>で囲んだ範囲位置をウィンドウの中心に表示させるため、左上を基準に
　左からの配置位置（距離）を「0」、上からの配置位置（距離）を「50」に指定。

クラスセレクタ[..waku1〜.waku4]
　<DIV>〜</DIV>で囲んだ外枠（テーブル）の数、色、幅、線種などを設定。[サンプル]
　.waku1では全体の外枠の大きさを決定する。
　.waku4最終枠内の背景などを設定。
　サンプルは４枠ですが、好みで何枠でも自由です。当然１枠でも結構です。
　枠は＜ｔｅｂｌｅ＞タグを多用しています。（ソースｂ参照）[サンプル１]　[サンプル２]

タグ[P]について
　文字の大きさや、縦書きを指定。