グラデーションタグNO.1 グラデーションのタグは filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#33ffffff EndColorStr=#cc826681)です このタグをボックスのどこに入れるかで表情が変りますね タグのつなぎには(;)を入れること。 ここは一番外側でwidth:600pxになっているところに入っています 外側に入れたので全体にカラーが入っています グラデーションのタグを 二つ目のボックスに入れました width:590pxになっている所の最後に付け加えました 外側にはカラーは入っていません 高さ幅の調整は内側にくるに連れて10pxづつ減らしています NO.3 四つのボックスを使っています CENTER style で始っているのがそうです 最後には</center>を四つ使って閉じています グラデーションのタグを width:580px が入っている三つ目に付け加えました NO.4 内側のボックスにグラデーションのタグと スクロールのバーのタグが 入っています グラデーションのタグは filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#33ffffff EndColorStr=#cc826681)です gradientTypeには「0」(縦)と「1」(横)があります StartColorStr=#33ffffffははじまりの色 EndColorStr=#cc82668は終わりの色でグラデーションになります カラーコードの頭に付いている赤い文字は透過の機能をしています。 三つ目に画像を入れてみました。透過しているでしょ! NO.1のタグです グラデーションのタグは filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#33ffffff EndColorStr=#cc826681)です このタグをボックスのどこに入れるかで表情が変りますね タグのつなぎには(;)を入れること。 ここは一番外側でwidth:600pxになっているところに入っています 外側に入れたので全体にカラーが入っています </B> </center></center></center></center></div> ジャンル別一覧
人気のクチコミテーマ
|