■ 重要キーワードを線で囲む
目立ちたい！読んでもらいたい！というときに役立つテクニック。文章を線で囲む方法をご紹介します。
さて、今回はテキストを線で囲む方法です。
主に重要キーワードや目立たせたい部分に使うと効果的です。（実測済みです）
スタイルシートのみで囲む方法とテーブルタグで囲む方法を説明しますが、
どちらが良くて、どちらが悪いということはありません。
あなたが「あ！面白そう！！」と思った方法をまず試してみてくださいね。
０１．スタイルシートを利用する方法
<div style="border:4px #999999 solid;">
この部分はとても重要な部分です！今すぐクリック！（←かなり怪しい）
</div>
"border"は上下左右の枠線を一括して指定するプロパティです。
※値は”枠線の太さ 枠線の種類 枠線の色”です。
いずれも省略不可で順序も決まっています。
（ 補 足 ）
”線種”の値 // ”dashed”（破線）,"dotted"（点線）
（↑線の太さを大きめにして使うと楽しいです。dottedは可愛い丸になります）
◆ 線種の値を【 solid 】にした場合
この部分はとても重要な部分です！今すぐクリック！（←かなり怪しい）
◆ 線種の値を【 dashed 】にした場合
この部分はとても重要な部分です！今すぐクリック！（←かなり怪しい）
◆ 線種の値を【 dotted 】にした場合
この部分はとても重要な部分です！今すぐクリック！（←かなり怪しい）
また、このように指定するとボックスサイズが変更できます。↓
<div style="border:4px #999999 solid;width:300px;">
◆ 横幅を300pxに指定しています
この部分はとても重要な部分です！今すぐクリック！（←かなり怪しい）
０２．テーブルタグにスタイルシートを適用する
少し変則的ですが既に設置済みのテーブルなどにスタイルシートを適用します。
table { border:8px #999999 solid; }
※使い方サンプル 〜コピー＆ペーストして利用できます〜
<html><head><title>サンプルです</title>
<style type="text/css"><!--
table { border:8px #999999 dashed; }
--></style>
</head><body>
<table border=0>
<tr><td>
この部分はとても重要な部分です！今すぐクリック！（←かなり怪しい）
</td></tr>
</table>
</body></html>
テーブルを利用してページデザインをしている人は、こんな簡単な
１文を追加してやるだけで、見た目をガラリと変更することができます。
実際に採用しないとしても、あなたのサイトイメージが
ガラリと変わるのを想像するのは、とても楽しいですね。。。。
私はもともとテーブルタグのみでデザインしていましたが、
次第にではありますが、スタイルシートメインになりつつあります。
まずは、あなたがすぐに行動に移せる方法でやってみることです。
見た目のイメージをガラリと変える方法は他にもありますが、
すぐに簡単に出来るものと、難しくて面倒なものに分かれます。
そして、今回ご紹介した「重要キーワードを線で囲む方法！」は
今すぐ試すことができるとても簡単な方法です。
息抜きにどうぞ！！（笑）
（↑ そのうちビックリするほどカッコいいのが見つかるかも。。。）