タグの小部屋

★☆★枠★☆★

ここでは、私のページで使っている枠や背景色などを集めてみました 色や幅などを変えて使ってみてください 中に書いてあるタグをコピペして貼り付けて 適当な色や数字を入れてみてね
【サブタイトルA】
【サブタイトルB】


【サブタイトルA】
【サブタイトルB】


【サブタイトルA】
【サブタイトルB】


 




【サブタイトルA】
【サブタイトルB】







【タイトル】
【説明文】
【サブタイトルA】
【サブタイトルB】


【タイトル】
【説明文】
【サブタイトルA】
【サブタイトルB】




【タイトル】【説明】


背景画像を使ったテーブル (このテーブルは画像2個分の高さを指定しています) 写真を使う場合の注意点 テーブル全体について 1 背景画像の大きさ 幅 400 ~ 600 程度   画像の倉庫など登録時に 幅 と 高さ を決めておく 2 テーブルの幅と高さについて   (画像の配置は左上を基点に敷き詰められます)   画像サイズより大きい場合   複数毎配置されます   画像サイズより小さい場合   画像の右端(水平方向)と下(垂直方向)が切れます テキストボックスについて 1 テキストボックスの大きさ   テーブルと同じ大きさの場合   画像全体にテキストボックスが配置されます   テーブルより小さい大きさの場合   マージンを指定することによって自由に配置できます。 2 スクロールバーをつけない場合はテキストの行数によって   テーブルの高さが変わり垂直方向に画像が複数毎表示されます 3 グラデーションを使ってテキストを見やすくする   この処理をしないとテキストが見にくくなる場合があります グラデーションの指定 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff990099,EndColorStr=#ffffcc99);
背景色をグラデーションで表示します グラデーションの方向 縦方向は GradientType=0  横方向は GradientType=0 スタートカラーの指定 縦方向の場合は 上 横方向の場合は 左 エンドカラーの指定 縦方向の場合は 下 横方向の場合は 右 指定は8桁使います 最初の2桁(左側) 透明度を指定します 透明 00 ~ 不透明 ff 透明  00 の場合は指定色は透明となり画像が透けてみえます 中間  99 の場合は指定色にグラデーションがかかり画像が透けてみえます 不透明 ff の場合は指定色が表示されます(通常の背景色と同じ) 次の6桁(右側) カラーコードを指定します 同色で透明度の変化の例 透明度 ff → 66  背景色 990099 → 990099 StartColorStr=#ff990099,EndColorStr=#66990099 指定色と透明度の変化の例 透明度 cc → 33  背景色 990099 → 009900 StartColorStr=#cc990099,EndColorStr=#33009900

<P style="border-style:dotted;border-color:ここに枠の色;width:ここに枠の幅">ここに文章</P>

☆★☆カラフル日記☆★☆
<CENTER style="width:ここに枠の幅;background-color:ここに背景色;"> <font color="ここに文字の色">ここに文章 </CENTER>


© Rakuten Group, Inc.
X

Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: