北京棒球小僧トップページへ矢印:赤(右3) カープキャップ1Blog technique 矢印:赤(右3)カープユニフォーム1抜粋(引用)記事を枠で囲う

2006年02月11日

カープユニフォーム1 抜粋(引用)記事を枠で囲う

BLOG ONE POINTアドバイス第21弾!!
よく記事の抜粋をどの様に載せるか悩めるむさC16です。
そこで黒地のバックグラウンドでオレンジの字にすると
なんとな〜く様になっている感じがしたので現在までそう言う風にしています。
今回はそんな小技の設置方法で〜す。
改造ポイントはなんと1点。
スタイルシートのみなのです。

記事部に挿入する場合以下のソースを入れてください。
<div class="box">抜粋記事などここへペースト</div>

div class="box" 
↑これで新たに抜粋部分を“box”と定義付ける。
別に“box”でなくても何でも結構です。
ひらめきついでなので上記のタグを単語登録してしまえば尚便利になります。
次にメインの改造ポイント、スタイルシートの好きな部分に下記のソースを追加してください。
/*テキスト部の“BOX”設定*/
.box{
color:#ff6500;
background:#000000;
border:2px dashed #ffffff;
margin:15px;
padding:10px;
}

スタイルシートの説明ですが
color:  [文字色設定]
border:2px dashed #ffffff;  [枠の設定]
margin:15px  [枠の設置位置の隙間(マージン)設定]
padding:10px  [枠内の文字開始位置設定]
と言った所でしょうか?
ひらめきカラーコードが分からない人の為にこちらを参考に
数値は人それぞれなので個人の責任で変更してください。
これをきっかけにスタイルシートに対して免疫が出来ると幸いです。
っにしても私の説明ってクドイですかexclamation&question
posted by むさC16 at 00:35 | Comment(2) | TrackBack(0) | カープキャップ1Blog technique 上へジャンプ
この記事へのコメント
クドくても分かるようであれば全く問題ありません!!これからもお願いしますね!
コメント用アイコン1Posted by ドカベン at 2006年02月11日 14:35
ホイホイ!
コメント用アイコン1Posted by むさC16 at 2006年02月11日 14:50
上へジャンプ
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのTrackBack URL

上へジャンプ
さくらインターネット株式会社 株式会社ぐるなび 株式会社オートウェイ 損保ジャパンの海外保険 オクトパストラベル・ジャパン
中国醸造株式会社 有限会社BBシステム 日本シグマックス株式会社 日本シグマックス株式会社 株式会社コーエイプランニング OTAIRECORD株式会社