ウェブデザインをスタイルシートでおこなおう!

ホームページ作成スタイルシート編!スタイルシート倶楽部@ウェブマイスター
ホームページ作成総合支援ウェブマイスター
スタイルシート倶楽部トップ戻る
スタイルシートを使えばウェブデザインは思いのまま!
ページ管理も楽になり、大幅なデザイン変更も楽になっちゃうよ!
スタイルシートを使いこなして脱入門者になろう!

サイト作りの基礎を学びたい方は >> 本館 ウェブマイスター
さくらインターネット
たった125円という破格の値段で高機能なレンタルサーバー。業界最大手で安心して使えるよ。
3ヶ月無料キャンペーン実施中!! レンタルサーバーのSpeever
一番高いプランも今なら無料だよ

hr要素とスタイルの関係

hr要素をCSSでレイアウト変更する場合、IEとNNでは違うので注意しよう。
まず、初期状態の表示を見比べてみよう。

IE:
NN:

上の画像のように、IEでは一本の線(ハイライトあり)、NNでは枠となる。
ちなみに、NNでは横幅を指定した場合、横位置が中央となっているので、行そろえ(align="left")の指定を忘れずにしよう。

ボーダーの色を変えてみよう。画像でIEとNNの差を見てみよう。
ボーダー色を赤にする方法を例にする。

IE:<hr style="color:red"> or <hr style="border: 1px solid #FF0000">

NN:<hr style="color:red">

NN:<hr style="border: 1px solid #FF0000">

NN:<hr style="border: 1px solid #FF0000;background-color: #FF0000;">


| ウェブマイスタートップ | ホームページの作り方 | スタイルシート入門 | PHP Tips | CGI/PHPソフト配布 | 掲示板 | ブログ | ショッピング | リンク集 |
(C) 2005 - 2007 ウェブマイスター