【毎日開催】

15記事にいいね！で1ポイント

10秒滞在

いいね! --/--

次の日記を探す

おめでとうございます！
ミッションを達成しました。

※「ポイントを獲得する」ボタンを押すと広告が表示されます。

964947
HOME \| DIARY \| PROFILE	【フォローする】【ログイン】

ＧＴ－ＯＮＥ　楽天タグ講座　パイプ奮闘記

Freepage List

レストアの仕方

< 新しい記事

新着記事一覧(全446件)

過去の記事 >

2004/07/04

【ＴＡＢＬＥで日記の雛形！】ＴＡＢＬＥの枠を変えてみよう！

(6)

カテゴリ：カテゴリ未分類

◆ＴＡＢＬＥの枠を変えてみましょう！◆

【ボックスの中にボックス！枠について】

【テキストボックスの枠を変える】

font-size:13px;line-height:1.3em;color:black;font-family: Comic Sans MS;

border-style:inset;border-width:10px;border-color:deeppink;

ブルーの部分

赤の部分

border-style:inset;　　　枠の種類を指定します。insetになっています。
border-width:10;　　　枠の幅を指定します。ここでは10px

border-color:deeppink;　　　枠の色を指定します。ここではdeeppink
　
枠の種類と枠の色に関しましては、上下左右を別々に指定できます。
詳しくは【テキストボックスの枠を変える】に行ってみてくださいませ。(￣‥￣)=3 ﾌﾝ
では、日記の雛形として、個々に枠を変えた、ＴＡＢＬＥを紹介してみます。
上の属性の部分をお好きに変えまして、日記のテーブルに使ってみて下さいませ。(￣^￣)b
ＴＡＢＬＥのセルには、背景色を載せていますが、BACKGROUND=""　の背景画像を入れるタグも載せておきます。
背景画像を指定したい人は、BACKGROUND=""に背景のＵＲＬを入れて下さい。
ＴＡＢＬＥの幅は、全体の８０％になっています。幅いっぱいに使いたい方は、１００％にして下さい。
　

◆SOLID◆[枠が実線で表示されます。]
<TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="5" WIDTH="80%" HEIGHT="150" BGCOLOR="" style="cursor:help;font-size:13px;line-height:1.3em;color:black;font-family: Comic Sans MS;border-style:solid;border-width:1px;border-color:#cc0000;"><TR><TD VALIGN="top" BGCOLOR="mistyrose" BACKGROUND="http://">
ここに本文！
</TD></TR></TABLE>

◆DOUBLE◆[二重線で表示]
<TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="5" WIDTH="80%" HEIGHT="150" BGCOLOR="black" style="cursor:help;font-size:13px;line-height:1.3em;color:black;font-family: Comic Sans MS;border-style:double;border-width:3px;border-color:blue;"><TR><TD VALIGN="top" BGCOLOR="lightcyan" BACKGROUND="http://">
本文！
</TD></TR></TABLE>

◆DOTTED◆[点線で表示]
<TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="5" WIDTH="80%" HEIGHT="150" BGCOLOR="black" style="cursor:help;font-size:13px;line-height:1.3em;color:black;font-family: Comic Sans MS;border-style:dotted;border-width:5px;border-color:deeppink;"><TR><TD VALIGN="top" BGCOLOR="mistyrose" BACKGROUND="http://">
本文！
</TD></TR></TABLE>

◆DASHED◆[破線で表示]
<TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="5" WIDTH="80%" HEIGHT="150" BGCOLOR="black" style="cursor:help;font-size:13px;line-height:1.3em;color:black;font-family: Comic Sans MS;border-style:dashed;border-width:5px;border-color:blue;"><TR><TD VALIGN="top" BGCOLOR="powderblue" BACKGROUND="http://">
ここに本文！
</TD></TR></TABLE>

◆INSET◆[枠が内側にへこみます]
<TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="5" WIDTH="80%" HEIGHT="150" BGCOLOR="black" style="cursor:help;font-size:13px;line-height:1.3em;color:black;font-family: Comic Sans MS;border-style:inset;border-width:10px;border-color:deeppink;"><TR><TD VALIGN="top" BGCOLOR="thistle" BACKGROUND="http://">
ここに本文！
</TD></TR></TABLE>

◆OUTSET◆[枠が内側に浮き上がります]
<TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="5" WIDTH="80%" HEIGHT="150" BGCOLOR="black" style="cursor:help;font-size:13px;line-height:1.3em;color:black;font-family: Comic Sans MS;border-style:outset;border-width:10px;border-color:deeppink;"><TR><TD VALIGN="top" BGCOLOR="pink" BACKGROUND="http://">
ここに本文！
</TD></TR></TABLE>

◆GROOVE◆[枠の部分がへこみます]
<TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="5" WIDTH="80%" HEIGHT="150" BGCOLOR="" style="cursor:help;font-size:13px;line-height:1.3em;color:black;font-family: Comic Sans MS;border-style:groove;border-width:10px;border-color:skyblue;"><TR><TD VALIGN="top" BGCOLOR="lightcyan" BACKGROUND="http://">
ここに本文！
</TD></TR></TABLE>

◆RIDGE◆[枠の部分が浮き上がります]
<TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="5" WIDTH="80%" HEIGHT="150" BGCOLOR="" style="cursor:help;font-size:13px;line-height:1.3em;color:black;font-family: Comic Sans MS;border-style:ridge;border-width:10px;border-color:skyblue;"><TR><TD VALIGN="top" BGCOLOR="lightcyan" BACKGROUND="http://">
ここに本文！
</TD></TR></TABLE>

　
字数制限いっぱいです。すべて納まるかどうか心配でしたが、どうにか足りましたね！(￣^￣)bグッド！
みなさんも背景など変えまして、色々やってみて下さいませ！
タグたくさん書きましたので・・不備がございましたらご連絡くだされば幸いです。(￣‥￣)=3 ﾌﾝ
　
では！

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

Last updated 2004/08/11　10:45:28 AM
コメント(6) | コメントを書く

Profile

gtone

フォローする

Calendar

ＧＴ－ＯＮＥ 楽天タグ講座 パイプ奮闘記

ＧＴ－ＯＮＥ　楽天タグ講座　パイプ奮闘記