人気ブログランキング |
TOTAL YESTERDAY TODAY
名刺交換ブログトップ
2005年 09月 26日
タイトル: 引用部分の装飾。
今回やってみたのは、記事を投稿するときに装飾ボタンとして、「“(引用)」というのを押したときの装飾をしてみました。これで説明文などを書くときなどにさらに分かりやすくなるかと思いますので、皆さんも一度試してみてください¥^^¥

やることは簡単です。CSSに↓を追加するだけです。

BLOCKQUOTE{
PADDING: 5PX;
MARGIN : 15PX 20PX 15PX;      
BORDER: 5PX #A9FF75 dashed;
BACKGROUND:#FFFFD7;
}


BACKGROUNDというのは囲まれている中の背景色のことです。
ちなみに、BORDER-STYLEを変えると囲んでいる線の種類を変えることができます。

none - - - ボーダーは表示されず、太さも0になります。表のセルなどのボーダーが重なり合う場合は他の値が優先されます。これが初期値です。

hidden - - - ボーダーは表示されず、太さも0になります。表のセルなどのボーダーが重なり合う場合はこの値が優先されます。

solid - - - 1本線で表示されます。

double - - - 2本線で表示されます。

groove - - - 立体的に窪んだ線で表示されます。

ridge - - - 立体的に隆起した線で表示されます。

inset - - - 上と左のボーダーが暗く、下と右のボーダーが明るく表示され、ボーダーで囲まれた領域全体が立体的に窪んだように表示されます。上下左右の一部だけに指定しても立体感は出ません。

outset - - - 上と左のボーダーが明るく、下と右のボーダーが暗く表示され、ボーダーで囲まれた領域全体が立体的に隆起したように表示されます。上下左右の一部だけに指定しても立体感は出ません。

dashed - - - 破線で表示されます。

dotted - - - 点線で表示されます。


今回も参考にさせてもらったのはcross moon2さんのページです。
by butyo_1280 | 2005-09-26 14:15 | 記事関係
<< 無理矢理、カウンタ設置。 コメント部分のスキン編集。 >>


S M T W T F S
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
        
Banner
チカさん作
↓画像提供↓
HEAVEN'S GARDENさん         
by butyo_1280