HTML


スタイルシート

■インラインスタイルシート■


スタイルシートを1つずつ個別に設定したい場合、
装飾したいタグの中に
半角スペースを空けて、「style=タグ」を加えて下さい。



<INPUT type="TEXT" size="幅">
これだとテキストボックスはこんな感じ






テキストボックスの枠線をスタイルシートで設定



<INPUT type="TEXT" size="幅" style="border: #ff0033 1px solid;">
こうするとテキストボックスはこんな感じ








■埋め込み型スタイルシート■


1つのページ全体を一括で設定したい場合は、
<HEAD></HEAD>の間に記述します。


<STYLE type="text/css">
 <!--
  BODY{font-size:18px;
   color:#99cc00; }
  A:hover{font-weight:bolder;
   color:#009900;}
-->
</STYLE>

上の場合、BODY部分は文字のサイズが18pxで、
ページの文字色が全て#99cc00になります。
また、リンク部分に触れた時、文字が太くなります。