CSS

• CSS/WindowsのデザインをWebページに反映

GroupBox

<STYLE TYPE="text/css"><!--
  FIELDSET { padding: 8px; border-color: blue; background-color: #FFFFC0; }
  LEGEND { font-weight: bold; color: green; }
--></STYLE>
<FORM>
<FIELDSET>
<LEGEND>あなたの情報<br /></LEGEND>
お名前：<INPUT TYPE="text" NAME="name" SIZE="40"><BR>
メールアドレス：<INPUT TYPE="text" NAME="mail" SIZE="40"><br>
</FIELDSET>
<FIELDSET>
<LEGEND>今月の評価<br /></LEGEND>
<INPUT TYPE="radio" NAME="kanso" VALUE="1" />たいへんよい　
<INPUT TYPE="radio" NAME="kanso" VALUE="2" />よい　
<INPUT TYPE="radio" NAME="kanso" VALUE="3" />ふつう　
<INPUT TYPE="radio" NAME="kanso" VALUE="4" />わるい<br />
</FIELDSET>
</FORM>

ルビ

<STYLE TYPE="text/css"><!--
RT { color:red; font-weight: bold; }
TABLE { font-size:18pt; font-family:'ＭＳ ゴシック'; }
--></STYLE>
<OL STYLE="list-style-type:upper-roman;">
  <LI>次の漢字を読みなさい<BR />
  <TABLE><TR><TD WIDTH="50%">
  <OL>
    <LI><RUBY><RB>専<RT>もっぱ</RUBY>ら
    <LI><RUBY><RB>強<RT>あなが</RUBY>ち
    <LI><RUBY><RB>強<RT>したた</RUBY>か
    <LI><RUBY><RB>蔑<RT>ないがし</RUBY>ろ
  </OL>
  </TD><TD WIDTH="50%">
  <OL START="5">
    <LI><RUBY><RB>醍醐味<RT>だいごみ</RUBY>
    <LI><RUBY><RB>大鋸屑<RT>おがくず</RUBY>
    <LI><RUBY><RB>臥薪嘗胆<RT>がしんしょうたん</RUBY>
    <LI><RUBY><RB>判官贔屓<RT>はんがんびいき</RUBY>
  </OL>
  </TD></TR></TABLE>
</OL>