テーブル
ここに文字
<table style="text-align: left; width:100px;height:100px;" border="1"
cellpadding="5" cellspacing="0">
<tr>
<td style="vertical-align: top;">ここに文字</td>
</tr>
</table>
テーブルタグ colspan="4"
rowspan="縦結合"  
align="横位置" valign="縦位置"

style="PADDING-RIGHT: 0px;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 11px;
PADDING-TOP: 11px"
角の丸いテーブル
<table style="text-align: left; width:100px;height:100px;border:3px solid blue; border-radius: 10px; " cellpadding="5" cellspacing="0">
<tr>
<td style="vertical-align: top; ">ここに文字
</td>
</tr>
</table>
角の丸いテーブル
左上から時計回り
<table style="text-align: left; width:100px;height:100px;border:3px solid blue; border-radius: 0 0 20px 20px ; " cellpadding="5" cellspacing="0">
<tr>
<td style="vertical-align: top; ">ここに文字
</td>
</tr>
</table>
セル
<table style="text-align: left; width:100px;height:50px;border: 3px inset #999; " cellpadding="5" cellspacing="0"> <tr> <td style="vertical-align: top; ">セル</td> </tr> </table>
セル
border: 3px outset #999;
他の種類
dotted　 ridge　dashd
solid　double　groove　ridge
セル1
セル2セル3セル4
<table border="1" style="text-align: left; width:100px;height:100px;">
<tr>
<td ColSpan="3">セル1
</td>
</tr>
<tr>
<td>セル2</td>
<td>セル3</td>
<td>セル4</td>
</tr>
</table>
セル1 セル2
セル3
セル4
<table border="1" style="text-align: left; width:100px;height:100px;" >
<tr>
<td RowSpan="3"> セル1
</td>
<td>セル2</td>
</tr>
<tr>
<td> セル3</td>
</tr>
<tr>
<td> セル4</td>
</tr>
</table>
height="100%"のtable html,body{
height: 100%;
}


box
box <div style="position:absolute;top:0px;left:0px; width:500px;height:300px;background-color:blue;"></div>
ボックスの背景に画像
ここに文字
 div.box1 {
background-image: url(back.gif);
background-color: #ffffff;
}

<div class="box1"
style="position:absolute;top:0px;left:0px; width:500px;height:300px;">
</div>

背景画像を表示できないユーザーのために背景色を指定しておく
boxにスクロールバー

ここに文字


・・・
☆
 <div style="width:500px;height:200px;
overflow-y:scroll;
padding-right:10px;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;">
めっせーじ
☆
</div>
boxの背景に画像固定
メッ セージ




☆
 <div class="box1" style="width:500px;height:200px;
overflow-y:scroll;
padding-right:10px;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
background-attachment: fixed;">メッセージ
<br></div>
メッセージ欄透明スクロールバー <div style="width: 100%;height: 100%;
filter: chroma(color=#4f704f);
overflow-y: scroll;padding-right:10px;
padding-left:10;padding-top:10px;
padding-bottom:10px;
scrollbar-arrow-color:silver;
scrollbar-darkshadow-color:#4f704f;
scrollbar-shadow-color:#4f704f;
scrollbar-base-color:#4f704f;
scrollbar-3dlight-color:#4f704f;
scrollbar-face-color:#4f704f;
scrollbar-highlight-color:#4f704f;">☆
<br>メッセージ
<br>☆
</div>
<span style="position:relative;top:0;
left:0;width:500px;height:300px;" >
</span>

<div style="position:absolute;top:0px;left:0px;"></div>

inserted by FC2 system