お取り寄せいいもの見つけたよ！

楽天カード

購入履歴

カレンダー

プロフィール

かずさか

フォローする

カテゴリ

楽天ｔｏｔｏ

(1)

サイド自由欄

< 新しい記事

新着記事一覧(全5054件)

過去の記事 >

2005年01月17日

１行１列目のセル　半透明のフィルタ処理した背景
style=1,startx=55,starty=55,finishx=45,finishy=45

１行２列目のセル
１行３列のテーブル　　半透明のフィルタ処理した背景をスクロール

１行３列目のセル　半透明のフィルタ処理した背景
style=1,startx=45,starty=55,finishx=55,finishy=45

２行１列目のセル
３行１列のテーブル　　半透明のフィルタ処理した背景をスクロール

２行２列目のセル　　テキストボックス（div）タグに指定
内容があふれた場合はスクロールバーをつけて表示　overflow:auto
スクロールバー色の設定
基本色　　　　scrollbar-base-color:#000066
背面部分の色　scrollbar-track-color:#000033
矢印の色　　　scrollbar-arrow-color:#ff0000
文字色　color:#ffffcc
フォントサイズ　font-size:12pt
テキスト位置　左揃え　text-align:left
１行の高さ　文字サイズの1.5倍　line-height:1.5

２行３列目のセル
３行１列のテーブル　　半透明のフィルタ処理した背景をスクロール

３行１列目のセル　半透明のフィルタ処理した背景
style=1,startx=55,starty=45,finishx=45,finishy=55

３行２列目のセル
１行３列のテーブル　　半透明のフィルタ処理した背景をスクロール

３行３列目のセル　半透明のフィルタ処理した背景
style=1,startx=45,starty=45,finishx=55,finishy=55

ＨＴＭＬタグ　（　半角で約２６００文字　）

opacity　　　　　スタート地点の不透明度はデフォルト値（　opacity=100　）
finishopacity　　終了地点の不透明度はデフォルト値（　finishopacity=0　）

詳細は半透明のフィルタを使うを参考にしてください。

<table border="0" width="520" height="520" cellspacing="0" cellpadding="0" align="center"><tr><td style="background-color:#330000;filter:alpha(style=1,startx=55,starty=55,finishx=45,finishy=45);" width="10" height="10"></td><td bgcolor="#330000"><marquee width="500" behavior="alternate" direction="right" scrollamount="4"><table border="0" width="300" height="10" cellspacing="0" cellpadding="0"><tr><td style="background-color:#ff0000;filter:alpha(style=2);"></td><td style="background-color:#ff00ff;filter:alpha(style=3);"></td><td style="background-color:#ffff00;filter:alpha(style=2);"></td></tr></table></marquee>
</td><td style="background-color:#330000;filter:alpha(style=1,startx=45,starty=55,finishx=55,finishy=45);" width="10"></td></tr><tr><td bgcolor="#330000"><marquee height="500" behavior="alternate" direction="down" scrollamount="4"><table border="0" width="10" height="300" cellspacing="0" cellpadding="0"><tr><td style="background-color:#ff0000;filter:alpha(style=3);"></td></tr><tr><td style="background-color:#ff00ff;filter:alpha(style=2);"></td></tr><tr><td style="background-color:#ffff00;filter:alpha(style=3);"></td></tr></table></marquee>
</td><td bgcolor="#000033" align="center"><div style="overflow:auto;width:490px;height:490px;color:#ffffcc;font-size:12pt;text-align:left;line-height:1.5;scrollbar-base-color:#000066;scrollbar-track-color:#000033;scrollbar-arrow-color:#ff0000;">
テーブル（３行３列）　４隅の背景は　半透明のフィルタ処理<BR>
１行１列目のセル　半透明のフィルタ処理した背景<BR>style=1,startx=55,starty=55,finishx=45,finishy=45<BR>
１行２列目のセル<BR>１行３列のテーブル　　半透明のフィルタ処理した背景をスクロール<BR>
１行３列目のセル　半透明のフィルタ処理した背景<BR>style=1,startx=45,starty=55,finishx=55,finishy=45<BR>

２行１列目のセル<BR>３行１列のテーブル　　半透明のフィルタ処理した背景をスクロール<BR>
２行２列目のセル　　テキストボックス（div）タグに指定<BR>内容があふれた場合はスクロールバーをつけて表示　overflow:auto<BR>スクロールバー色の設定<BR>基本色　　　　scrollbar-base-color:#000066<BR>背面部分の色　scrollbar-track-color:#000033<BR>矢印の色　　　scrollbar-arrow-color:#ff0000<BR>文字色　color:#ffffcc<BR>フォントサイズ　font-size:12pt<BR>テキスト位置　左揃え　text-align:left<BR>１行の高さ　文字サイズの1.5倍　line-height:1.5<BR>
２行３列目のセル<BR>３行１列のテーブル　　半透明のフィルタ処理した背景をスクロール<BR>

３行１列目のセル　半透明のフィルタ処理した背景<BR>style=1,startx=55,starty=45,finishx=45,finishy=55<BR>
３行２列目のセル<BR>１行３列のテーブル　　半透明のフィルタ処理した背景をスクロール<BR>
３行３列目のセル　半透明のフィルタ処理した背景<BR>style=1,startx=45,starty=45,finishx=55,finishy=55<BR>


</div></td><td bgcolor="#330000"><marquee height="500" behavior="alternate" direction="up" scrollamount="4"><table border="0" width="10" height="300" cellspacing="0" cellpadding="0"><tr><td style="background-color:#ffff00;filter:alpha(style=3);"></td></tr><tr><td style="background-color:#ff00ff;filter:alpha(style=2);"></td></tr><tr><td style="background-color:#ff0000;filter:alpha(style=3);"></td></tr></table></marquee>
</td></tr><tr><td style="background-color:#330000;filter:alpha(style=1,startx=55,starty=45,finishx=45,finishy=55);" height="10"></td><td bgcolor="#330000"><marquee width="500" behavior="alternate" direction="left" scrollamount="4"><table border="0" width="300" height="10" cellspacing="0" cellpadding="0"><tr><td style="background-color:#ffff00;filter:alpha(style=2);"></td><td style="background-color:#ff00ff;filter:alpha(style=3);"></td><td style="background-color:#ff0000;filter:alpha(style=2);"></td></tr></table></marquee>
</td><td style="background-color:#330000;filter:alpha(style=1,startx=45,starty=45,finishx=55,finishy=55);"></td></tr></table>

お気に入りの記事を「いいね！」で応援しよう