人気ブログランキング |
TOTAL YESTERDAY TODAY
名刺交換ブログトップ
タイトル: 2005年 09月 26日 ( 1 )
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 | 記事関係


メモ帳
管理人にメールする
スキン編集用MENU
リクエストコーナー。
エキサイトブログの自作スキンを配布します。
ポチっと♪
blog Rankingにご協力してくださる方はポチッとよろしくお願いします
カテゴリ
全体
記事関係
コメント関係
メニュー関係
画像関係
カレンダー関係
スキン配布
その他
雑談
以前の記事
2006年 08月
2006年 07月
2006年 06月
2006年 05月
2006年 03月
2006年 02月
2006年 01月
2005年 12月
2005年 11月
2005年 10月
2005年 09月
2005年 08月
最新のトラックバック
テンプレカスタ
from Vitamin[N]
CSS&HTML / T..
from 日刊エキブロ新聞
スキン変更
from YOJIGERUGE
エキサイトブログメンテナ..
from yozoの気が向いたと記
やったぁ☆
from ♪as usual♪
検索
その他のジャンル
ファン
記事ランキング
ブログジャンル
画像一覧
        
Banner
チカさん作
↓画像提供↓
HEAVEN'S GARDENさん         
by butyo_1280