mikanママのタグをつかって

mikanママのタグをつかって

ひな形・応用

メッセージを入れたり
画像を入れたいり・・
スクロールバーなしで
サンプルを作ってみます

画像にテーブルタグで枠をつけました
メッセージのこの枠もグラデーションで


(^_-)-☆ (*〇-〇) | ゜Θ゜)
●^o^●) ☆(σ。σ*)☆ (^_-)-☆
( ^)o(^ )   ●^o^●)
☆(σ。σ*)☆ (^_-)-☆ 33 
☆(σ。σ*)☆ (^_-)-☆  


テーブルタグを入れてあります
それぞれタグに色分けしましたので
削除をして、つかえます。





タグです
<CENTER style="width:600px;height:230px;border-width:6px ;border-color:#504139;border-style:double;font-size:13pt"><CENTER style="width:590px;height:220px;margin:6px;border-width:5px ;border-color:#ff8080;border-style:dotted;margin:2px;"><CENTER style="width:580px;height:210px;margin:6px;border-width:4px;border-color:#504139;border-style:double;margin:2px;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#33ff9980 EndColorStr=#ff40352b)"><CENTER style="width:570px;height:370px;margin:6px;border-width:3px;border-color:#ff8080;border-style:dotted;margin:2px;"> <center style="width:400px;height:50px;margin:15px;font-size:14pt;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#33aa7239 EndColorStr=#66ffffff);"> メッセージを入れたり<br>画像を入れたいり・・<br>スクロールバーなしで<br>サンプルを作ってみます </CENTER> <table border="4" bgcolor="#b3947f" bordercolorlight="#ddc9b9" bordercolordark="#733000" cellspacing="4" cellpadding="0" align=center><tr><td ><img src="http://画像.gif"></td></tr></table> <br> <center style="width:400px;height:50px;font-size:14pt;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#33aa7239 EndColorStr=#66ffffff);"> 画像にテーブルタグで枠をつけました<br> メッセージのこの枠もグラデーションで<br> </CENTER> <br><br> <CENTER style="width:530px;border-width:3px;border-color:#c7b29a;border-style:dotted;margin:2px;"> <table border="1" style="width:530px;height:200;px;font-size:12pt;"><tr><td width="200">文字1</td><td>文字2</td><td>文字</td> </tr><tr><td>文字4</td><td> </td><td>文字6</td> </tr> </table></CENTER> <br><br> <center style="width:400px;height:50px;font-size:14pt;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0 StartColorStr=#33aa7239 EndColorStr=#66ffffff);"> テーブルタグを入れてあります<br> それぞれタグに色分けしましたので<br> 削除をして、つかえます。 </CENTER> <br><br><br><br> </CENTER></CENTER></CENTER></CENTER>


© Rakuten Group, Inc.
X
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: