大人の楽天生活スローライフを楽しむ情報Blog楽天生活です

楽天タグ

楽天広場用タグ、普通のサイトには<HEAD>タグや<BODY>タグがありますが楽天広場の場合は使用できません。
もちろんふつうの<HEAD>～</HEAD>にいれるスタイルシートも使えません

楽天ではスタイルシートの代わりに変な物を使います。
普通のサイトで使っている人は
あまりいないと思いますが、まずこれは背景色の指定です。

<CENTER style="width: 650 ;height :200 ;background-color: #00ffcc ;"> ここに文字 </CENTER>

色はここでコードを作って張り替えよう

オレンジの部分幅、高さ、色、文字は適当に変えて下さい。

実線を付けました。
<CENTER style="width: 650 ;height :200 ;border-style:solid;border-color: #000000 ;border-width:2px;background-color: #ff9999 ;"> ここに文字
</CENTER>

オレンジの部分幅、高さ、実線の色、背景色、文字は適当に変えて下さい。

点線の枠
<CENTER style="width:650;height:200;border-style:dotted;border-color:#ff0066;border-width:2px;background-color:#ff9999;"> ここに文字
</CENTER>

border-width: 2px 数字を大きくすると豆電球のようになります。

普通こんな感じでスタイルを指定します。

そうするとブラウザを囲うように枠がつきますが使えないので
width:650;height:200 で大きさを指定します。

<CENTER style="width:650;height:200;border-style:ridge;border-color:#ff0066;border-width:20px;">
ここに文字 </CENTER>
style: ridge　リッヂと言うのは盛り上がりの事だな。美容学校では。
20px 　枠の太さpxは省いても可

上のものに背景色をつけ文字の色、大きさも指定しました。

<CENTER style="width:650;height:200;border-style:ridge;border-color:#ff0066;border-width:20px;background-color:#ffcccc;"><FONT color="#0033ff" size="5">ここに文字</FONT></CENTER>

FONT color="#0033ff" size="5" 　の"は無くても大丈夫です。

その他にも ;border-style: の後に入れる命令は次のようなものがあります。暇な人は入れ替えてみて下さい。

double　groove　 dashed　　inset outset

楽天生活 │ 楽天市場らくらくショッピングガイド │ らくらくコピペ │ 楽天サーフィン │ みゅうちゃん │ You Big │ 気ままな生活 │
アフィリエイトの始めかた │ 初めての方 │ 楽天市場案内２ │ 楽天市場案内 │ プロフィール │ LINK │ DIARY │ BBS

当サイトのどのページもリンクはフリーです
コピペ用HTMLソース、テンプレートの使用もすべてＯＫですが、
そのまま二次配布、加工しての二次配布はご容赦願います。