ピンデザイナーより
アフィリエイト囲みにいかが？
ボーダー領域が見える表現
前回の囲み技の応用で、ボーダーを白い点線にして、ボーダー部分の背景が見える例題です。画像を使わないで表現するので、とても簡単で、見栄えがいいです。但しあまり濃い色を使うと…。
ブログの背景色とボーダーの色を同一にするとこのような表現が可能です。
| <p style="padding:20px;border:10px dotted #ffffff;color:#ffffff;background-color:#336699;">ブログの背景色とボーダーの色を同一にするとこのような表現が可能です。</p> |
ここでpaddingとは、ボーダーと文字列との距離を指します。例題では4方向（上、右、下、左）に20pxスペースを入れています。お分かりにならない場合は、ソースをコピペして数字をいじってみてください。
ところで、このサイトのＦＣ２ブログランキングは？⇒こちらをぽちっと
クリック応援お願いします。m(__)m
テーマ:初心者のために・・・ - ジャンル:コンピュータ
| ホーム |
