罫線のバリエーション

[PR]ﾃﾚﾋﾞ番組表
今夜の番組ﾁｪｯｸ

罫線のバリエーション

下のプログラムをコピーして、お使い下さい。

<HTML>
<HEAD>
<TITLE>罫線のバリエーション</TITLE>
<BODY>

<BR>

<TABLE><TR>
      <TD><HR WIDTH=50 SIZE=3></TD>
      <TD><HR WIDTH=50 SIZE=3></TD>
      <TD><HR WIDTH=50 SIZE=3></TD>
      <TD><HR WIDTH=50 SIZE=3></TD>
      <TD><HR WIDTH=50 SIZE=3></TD>
      <TD><HR WIDTH=50 SIZE=3></TD>
</TR></TABLE>
<BR><BR>
<TABLE WIDTH=60%><TR>
      <TD><HR WIDTH=50 SIZE=5></TD>
      <TD><HR WIDTH=50 SIZE=5></TD>
      <TD><HR WIDTH=50 SIZE=5></TD>
      <TD><HR WIDTH=50 SIZE=5></TD>
      <TD><HR WIDTH=50 SIZE=5></TD>
      <TD><HR WIDTH=50 SIZE=5></TD>
</TR></TABLE>
<BR><BR>
<TABLE><TR>
      <TD><HR WIDTH=35 SIZE=3></TD>
      <TD><HR WIDTH=5 SIZE=3></TD>
      <TD><HR WIDTH=35 SIZE=3></TD>
      <TD><HR WIDTH=5 SIZE=3></TD>
      <TD><HR WIDTH=35 SIZE=3></TD>
      <TD><HR WIDTH=5 SIZE=3></TD>
      <TD><HR WIDTH=5 SIZE=3></TD>
      <TD><HR WIDTH=35 SIZE=3></TD>
      <TD><HR WIDTH=5 SIZE=3></TD>
      <TD><HR WIDTH=5 SIZE=3></TD>
      <TD><HR WIDTH=35 SIZE=3></TD>
      <TD><HR WIDTH=5 SIZE=3></TD>
      <TD><HR WIDTH=5 SIZE=3></TD>
      <TD><HR WIDTH=35 SIZE=3></TD>
</TR></TABLE>
<BR><BR>
<TABLE><TR>
      <TD><HR WIDTH=18 SIZE=18></TD>
      <TD><HR WIDTH=18 SIZE=18></TD>
      <TD><HR WIDTH=18 SIZE=18></TD>
      <TD><HR WIDTH=18 SIZE=18></TD>
      <TD><HR WIDTH=18 SIZE=18></TD>
      <TD><HR WIDTH=18 SIZE=18></TD>
      <TD><HR WIDTH=18 SIZE=18></TD>
      <TD><HR WIDTH=18 SIZE=18></TD>
      <TD><HR WIDTH=18 SIZE=18></TD>
      <TD><HR WIDTH=18 SIZE=18></TD>
      <TD><HR WIDTH=18 SIZE=18></TD>
      <TD><HR WIDTH=18 SIZE=18></TD>
      <TD><HR WIDTH=18 SIZE=18></TD>
      <TD><HR WIDTH=18 SIZE=18></TD>
 </TR></TABLE>
<BR><BR>

<HR ALIGN=LEFT WIDTH=80% COLOR=#ff5500>
<BR><BR>

<TABLE><TR>
  <TD><TABLE BORDER=2> 
    <TD><TABLE BORDER=3>
      <TD></TD>
  </TABLE></TD></TABLE></TD>
  <TD><TABLE BORDER=2> 
    <TD><TABLE BORDER=3>
      <TD></TD>
  </TABLE></TD></TABLE></TD>
  <TD><TABLE BORDER=2> 
    <TD><TABLE BORDER=3>
      <TD></TD>
  </TABLE></TD></TABLE></TD>
      <TD></TD><TD></TD><TD></TD>
  <TD><TABLE BORDER=2> 
    <TD><TABLE BORDER=3>
      <TD></TD>
  </TABLE></TD></TABLE></TD>
  <TD><TABLE BORDER=2> 
    <TD><TABLE BORDER=3>
      <TD></TD>
  </TABLE></TD></TABLE></TD>
  <TD><TABLE BORDER=2> 
    <TD><TABLE BORDER=3>
      <TD></TD>
  </TABLE></TD></TABLE></TD>
  <TD><TABLE BORDER=2> 
    <TD><TABLE BORDER=3>
      <TD></TD>
  </TABLE></TD></TABLE></TD>
  <TD><TABLE BORDER=2> 
    <TD><TABLE BORDER=3>
      <TD></TD>
  </TABLE></TD></TABLE></TD>
  <TD><TABLE BORDER=2> 
    <TD><TABLE BORDER=3>
      <TD></TD>
  </TABLE></TD></TABLE></TD>
  <TD><TABLE BORDER=2> 
    <TD><TABLE BORDER=3>
      <TD></TD>
  </TABLE></TD></TABLE></TD>
</TR></TABLE>
<BR><BR>

<TABLE BORDER=6 WIDTH=80%>
 <TR><TD></TD>
</TABLE>

</BODY>
</HTML>

JavaScriptについて

この上の例では、色々な　＜HR＞、＜TABLE＞　を組み合わせることによって、様々な罫線を表示できます。　＜HR COLOR="rrggbb"＞　（”rrggbb=色名”）はＩＥ独自の方法で、従ってＩＥ以外のブラウザでは、色は表示されません。それも考慮に入れて作成してください。書き換えてご使用下さい。