今回は７２回目です。
テーブルを使わないで文字の周りに枠をつけます。
テーブルを使わないで文字の周りに枠をつけます。
枠を自由にデザインする
| 今回の効果は、テーブルを使わないで文字の周りに枠をつけるというものです。 いちいちテーブルを作る手間をかけないで、文字の周りに色々な線の種類や色の枠を簡単につけることができるので、使いやすいと思います。文章の中の一部分の単語だけに枠をつけることもできます。 今月も少しだけこの実験にお付き合い下さい。 |
 |
ポイント | style= で枠の色やスタイルを指定します。 枠をつけたい段落や文字を＜ｐ＞タグや＜ｓｐａｎ＞タグで挟みます。 border-width は枠線の太さ、border-color は枠線の色、border-style は枠線の種類、background-color:#aaff99 は背景の色、color:#228811 は文字色、width:400px は枠の幅、height:50px は枠の高さの指定です。 |
|---|---|---|
 |
効果 | 各指定に従って、枠の色やスタイルが表示されます。 |
 |
使い方 | 実際の実験画面のソースをご覧下さい。 |
今回の実験でわかったこと
| この効果はＩＥの６.０と、ネットスケープの７.０で確認しています。 Ｍａｃは確認していません。 タグの中にスタイルシートで画像の指定をするだけでいいので、簡単にでき、視覚的にも楽しいのではないでしょうか？ ご意見などありましたらメールを送って下さい。お待ちしています。
(E-mail:hiroko@ladys-page.com)
|
