今回は、CSS(スタイルシート)を使用して、ブログやホームページの記事に、テキストを点線の枠で囲む方法をご紹介します。
いきなりですが、ご自分のCSS(スタイルシート)に以下のソースを加えてみましょう。
.block{
margin:5px;
border:2px dotted #6ebef2;
background-color:#ecf5fa;
padding:15px 15px 15px 15px;
text-align:left;
さて、このCSS(スタルシート)の説明をします。
＜div class="block"＞表示したいテキスト(文字)＜/div＞
「アフィリエイト」をしていると、お金にならない作業を怠りがちですが、視覚的な要素にも遊び心を持つと、訪問者は良い印象を持ってくれるだけでなく、「印象に残るページ」を魅せることが出来ます。
「お小遣い稼ぎ、お小遣い稼ぎ！」しているページより、「へ?、キレー」と思って頂けることも、アフィリイエイトで収入をアップさせる秘訣かもしれません。(他との差別化と言う意味で)
海外では、ブログやサイトを持っていると、立派な「Webマスター」として、みられるそうです。
素晴らしいデザイン構成を作り上げても、ごちゃごちゃしたサイトを作っても、見ている人は見ています。
ちょっとだけ差をつける努力をするだけでも、サイト運営は随分変わってきますよ。
ラベル：スタイルシート ＣＳＳ カスケーディングスタイルシート 点線 枠 点線の枠を付ける方法 パディング アフィリエイト マージン テキスト margin border background padding
【関連する記事】
