スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[ --/-- ] スポンサー広告 | トラックバック(-) | コメント(-)

Q.全体の枠を変更したい。(色変更、線の種類、枠表示なし)[3]

A.
枠を変更したい場合は、スタイルシートを変更します。
ただし、枠を消すことはできないので、見えなくする方法になります。
以下、変更方法


1.
スタイルシートの28行目(改造により上下変動あり)に
.range
{
BORDER-RIGHT: #f99 1px solid;
PADDING-RIGHT: 0px;
BORDER-TOP: #f99 1px solid;
PADDING-LEFT: 0px;
BACKGROUND: #fff;
PADDING-BOTTOM: 0px;
BORDER-LEFT: #f99 1px solid;
PADDING-TOP: 0px;
BORDER-BOTTOM: #f99 1px solid
}

があります。

2.
全体枠を見えなくするには、1.を…
.range
{
BORDER-RIGHT: #f99
0px solid;
PADDING-RIGHT: 0px;
BORDER-TOP: #f99
0px solid;
PADDING-LEFT: 0px;
BACKGROUND: #fff;
PADDING-BOTTOM: 0px;
BORDER-LEFT: #f99
0px solid;
PADDING-TOP: 0px;
BORDER-BOTTOM: #f99
0px solid
}

このように赤い文字のところを変更します。

3.
全体枠の色(例として枠の色をみどりにしてます)を変えたいときには、1.を…
.range
{
BORDER-RIGHT:
#32cd32 1px solid;
PADDING-RIGHT: 0px;
BORDER-TOP:
#32cd32 1px solid;
PADDING-LEFT: 0px;
BACKGROUND: #fff;
PADDING-BOTTOM: 0px;
BORDER-LEFT:
#32cd32 1px solid;
PADDING-TOP: 0px;
BORDER-BOTTOM:
#32cd32 1px solid
}

このように赤い文字のところを変更します。
枠の色はカラーコードを見て好きな色に変えられます。

4.
全体枠の線(例として枠の種類を点線にしてます)を変えたいときは、1.を…
.range
{
BORDER-RIGHT: #f99 0px
dotted;
PADDING-RIGHT: 0px;
BORDER-TOP: #f99 0px
dotted;
PADDING-LEFT: 0px;
BACKGROUND: #fff;
PADDING-BOTTOM: 0px;
BORDER-LEFT: #f99 0px
dotted;
PADDING-TOP: 0px;
BORDER-BOTTOM: #f99 0px
dotted
}
このように赤い文字のところを変更します。

線の種類は他にもあります。
詳しい説明はコチラで説明します。
スポンサーサイト
[ 01/31 ] [レイアウト(全体)]3カラムpink | トラックバック(-) | コメント(-)

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。