คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #562 : โค้ดกรอบใส่ข้อความ ##
ขุดอีกๆ ชอบก็เอาไปใช้ได้เลย
| ทดลองข้อความในกล่องมีกรอบ |
<table style="border:1px solid #สีกรอบ;background-color:#bgcolor;" cellpadding="5"><tr><td>
TEXT</td></tr></table>
ตรงสี้ฟ้า คือขนาดของเส้นให้หนาแค่ไหน
ส่วนสีแดง เป็นรูปแบบของเส้น มีให้เลือกดังนี้(ตัวอย่างเป็นเส้นตรง)
1. เส้นประ dashed
2. เส้นจุดๆ dotted
3. เส้นคู่ double ถ้าเลือกอันนี้ขนาดของเส้น ต้องมากกว่า 2px
1.
| 4色テーブル。 シンプルだけど、色の組合せで 雰囲気がかわるよね。 |
<table style="border-top:2px solid red;border-left:2px solid blue;border-bottom:2px solid green;border-right:2px solid darkorange;background-color:white;" cellpadding="5"><tr><td>
TEXT
</td></tr></table>
2.
| 4色テーブル。 シンプルだけど、色の組合せで 雰囲気がかわるよね。 |
<table style="border-top:2px solid hotpink;border-left:2px solid royalblue;border-bottom:2px solid yellowgreen;border-right:2px solid gold;background-color:white;" cellpadding="5"><tr><td>
T E X T
</td></tr></table>
3.
| 4色テーブル。 シンプルだけど、色の組合せで 雰囲気がかわるよね。 |
<table style="border-top:2px solid royalblue;border-left:2px solid dodgerblue;border-bottom:2px solid lightblue;border-right:2px solid midnightblue;background-color:white;" cellpadding="5"><tr><td>
T E X T
</td></tr></table>
4.
| 4色テーブル。 シンプルだけど、色の組合せで 雰囲気がかわるよね。 |
<table style="border-top:2px solid deeppink;border-left:2px solid mediumpurple;border-bottom:2px solid plum;border-right:2px solid hotpink;background-color:white;" cellpadding="5"><tr><td>
T E X T
</td></tr></table>
5.
| もち点線もあり。 こっちの方がかわいぃかな？ ☆ ☆ ☆ |
<table style="border-top:2px dotted hotpink;border-left:2px dotted dodgerblue;border-bottom:2px dotted yellowgreen;border-right:2px dotted gold;background-color:white;" cellpadding="5"><tr><td>
T E X T
</td></tr></table>
| 外枠に見えているのは、テーブル背景の色。 背景色の中に、白い線を描き込んでいる状態です。 線の太さは、自由に変えてみてね。 サンプルは5pxです。 |
T E X T
</td></tr></table>
| タイルみたいな ぷくっとつやつや（笑）な テーブル☆ |
<table border bgcolor="skyblue" bordercolordark="white" bordercolorlight="royalblue" cellpadding="5" cellspacing="0">
<tr><td>
T E X T
</td></tr></table>
2.
| タイルみたいな ぷくっとつやつや（笑）な テーブル☆ |
<table border bgcolor="plum" bordercolordark="white" bordercolorlight="orchid" cellpadding="5" cellspacing="0">
<tr><td>
T E X T
</td></tr></table>
|
<table border bgcolor="greenyellow" bordercolordark="white" bordercolorlight="darkgreen" cellpadding="5" cellspacing="0">
<tr><td>
<table border bordercolordark="white" bordercolorlight="green" cellspacing="0" cellpadding="5"><tr><td bgcolor="white">
T E X T
</td></tr></table>
</td></tr></table>
|
枠が凹んだ？テーブル。 |
<table border bgcolor="plum" bordercolorlight="white" bordercolordark="orchid" cellpadding="5" cellspacing="0">
<tr><td>
<table border bordercolorlight="white" bordercolordark="orchid" cellspacing="0" cellpadding="5"><tr><td bgcolor="white">
T E X T
</td></tr></table>
</td></tr></table>
| フツーーーの（笑）2重線です。 使いやすいかも。 |
<table border="1" bordercolor="red" cellspacing="1" cellpadding="4"><tr><td>
T E X T</td></tr></table
|
2222222222222222222222222 2222222222222222 2222222222222222222222 |
<table border="1" bordercolor="royalblue" cellspacing="5" cellpadding="4" bgcolor="lightcyan"><tr><td>
2222222222
222222222222
222222222</td></tr></table>
| シンプルいずBEST（笑）
下と右だけのテーブル。。。 |
<table style="border-right:1px solid #COLOR;border-bottom:1px solid #COLOR;" cellpadding="5"><tr><td>
T E X T</td></tr></table>
| シンプルいずBEST（笑）
下と右だけのテーブル。。。 |
<table style="border-right:3px dashed #COLOR;border-bottom:3px dashed #COLOR;" cellpadding="5"><tr><td>
T E X T
</td></tr></table>
| シンプルいずBEST（笑）
下と右だけのテーブル。。。 |
<table style="border-right:3px double #COLOR;border-bottom:3px double #COLOR;" cellpadding="5"><tr><td>
T E X T
</td></tr></table>
| ピンクとピンク のテーブル |
<table style="border:2px dotted hotpink;" cellpadding="4" cellspacing="4"><tr><td style="border:2px dotted lightpink;">
<font size="1">T E X T</td></tr></table>
| で こ ぼ こ。 ミズイロばーじょん。 |
TEXT<br>
TEXT
</td></tr></table>
| 上下のみのテーブルー。 |
T E X T</td></tr></table>
| 文字文字文字。
ランチョンマットというか、ハンカチというか、 そんな感じかなー。 |
<table bgcolor="#BGCOLOR" cellspacing="5" cellpadding="5"><tr><td style="border:4px solid #LINECOLOR;">
TEXT
</td></tr></table>
| 文字文字文字。
ランチョンマットというか、ハンカチというか、 そんな感じかなー。 |
<table bgcolor="BGCOLOR" cellspacing="5" cellpadding="5"><tr><td style="border:4px dashed #LINECOLOR;">
TEXT
</td></tr></table>
| 文字文字文字。
ランチョンマットというか、ハンカチというか、 そんな感じかなー。 |
<table bgcolor="BGCOLOR" cellspacing="5" cellpadding="5"><tr><td style="border:4px dotted #LINECOLOR;">
TEXT</td></tr></table>
| 文字文字文字。
ランチョンマットというか、ハンカチというか、 そんな感じかなー。 |
<table bgcolor="BGCOLOR" cellspacing="5" cellpadding="5"><tr><td style="border:3px double #LINECOLOR;">
TEXT
</td></tr></table>
| ここに文字だよー ここに文字文字文字ー |
<table style="border:1px solid mediumseagreen;" cellpadding="6" cellspacing="0"><tr><td width="10" bgcolor="lightgreen"></TD><TD bgcolor="honeydew">TEXT</td><td width="10" bgcolor="lightgreen"></td></tr></table>
| ここに文字だよー ここに文字文字文字ー |
<table style="border:1px solid orchid;" cellpadding="6" cellspacing="0"><tr><td width="10" bgcolor="plum"></TD><TD bgcolor="lavenderblush">TEXT </td><td width="10" bgcolor="plum"></td></tr></table>
| ▼▼▼▼▼▼▼▼▼▼▼▼ |
|
TEST TEST TEST |
| ▲▲▲▲▲▲▲▲▲▲▲▲ |
<table bgcolor="white" cellpadding="4"><tr><td>
<font size="1" color="orange"><b>▼▼▼▼▼▼▼▼▼▼▼▼</b></font>
</td></tr><tr><td>
TEXT<p>
</td></tr><tr><td>
<font size="1" color="orange"><b>▲▲▲▲▲▲▲▲▲▲▲▲</b></font>
</td></tr>
</td></tr></table>
| ▼▼▼▼▼▼▼▼▼▼▼▼ |
|
TEXT TEXT |
| ▲▲▲▲▲▲▲▲▲▲▲▲ |
<table bgcolor="white" cellpadding="4"><tr><td>
<font size="1" color="hotpink"><b>▼▼▼▼▼▼▼▼▼▼▼▼</b></font>
</td></tr><tr><td>
TEXT
<p>
</td></tr><tr><td>
<font size="1" color="hotpink"><b>▲▲▲▲▲▲▲▲▲▲▲▲</b></font>
</td></tr>
</td></tr></table>
| ここに文字を書いてね！ シンプルで簡単だけど かわいいかもー。 |
<table style="border:1px solid black;background-color:white;" cellspacing="0">
<tr><td bgcolor="#dcdcdc" height="10"></td></tr>
<tr><td style="padding:5px;">
TEXT
</td></tr>
<tr><td bgcolor="#dcdcdc" height="10"></td></tr>
</td></tr></table>
| ここに文字だよ～！ (*￣∇￣*) |
<table style="border:1px dashed #ffaacc;" cellspacing="5" bgcolor="#ffaacc" cellpadding="5"><tr><td style="border:1px dashed white;" bgcolor="white">
TEXT
</td></tr></table>
| ここに文字だよ～！ (*￣∇￣*) |
<table style="border:3px dashed plum;" cellspacing="5" bgcolor="plum" cellpadding="5"><tr><td style="border:3px dashed white;" bgcolor="white">
TEXT
</td></tr></table>
| ここに文字だよ～！ (*￣∇￣*) |
TEXT
</td></tr></table>
| ここに文字を書いてね！ ぷっくりと言うか かなり立体的ですー。 文字文字。 |
<table cellpadding="4" cellspacing="1" style="border:1px solid #dcdcdc;"><tr><td bgcolor="#dcdcdc" style="border-style:solid;border-width:4px;border-color:#dcdcdc gray gray #dcdcdc;">
TEXT
</td></tr></table>
| ここに文字を書いてね！ ぷっくりと言うか かなり立体的ですー。 文字文字。 |
<table cellpadding="4" cellspacing="1" style="border:1px solid wheat;"><tr><td bgcolor="wheat" style="border-style:solid;border-width:4px;border-color:wheat tan tan wheat;">
TEXT
</td></tr></table>
| ここに文字だよっ。
太い枠なのですー。 |
<table cellpadding="4" cellspacing="0" style="border:double 5px hotpink;"><tr><td style="border:double 5px hotpink;">
TEXT
</td></tr></table>
| ここに文字だよっ。
太い枠なのですー。 |
<table cellpadding="4" cellspacing="0" style="border:double 5px orange;"><tr><td style="border:double 5px orange;">
TEXT
</td></tr></table>
| ここに文字だよっ。 |
<table cellpadding="4" cellspacing="0" style="border:double 5px black;"><tr><td style="border:double 5px #bebebe;">
TEXT</td></tr></table>
<p>
| ここに文字だよっ。
太い枠なのですー。 |
<table cellpadding="4" cellspacing="0" style="border:double 5px deeppink;"><tr><td style="border:double 5px lightpink;">
TEXT
</td></tr></table>
<p>
| ここに文字だよっ。
太い枠なのですー。 |
<table cellpadding="4" cellspacing="0" style="border:double 5px red;"><tr><td style="border:double 5px orange;">
TEXT
</td></tr></table>
<p>
| 1 | 2 | 3 |
| 4 | 5 | 6 |
| 7 | 8 | 9 |
| 10 | 11 | 12 |
| 13 | 14 | 15 |
<table border="1" bordercolor="#BORDERCOLOR" cellspacing="0" cellpadding="3"><tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>4</td><td>5</td><td>6</td></tr>
<tr><td>7。</td><td>8。</td><td>9！</td></tr>
<tr><td>10。</td><td>11。</td><td>12！</td></tr>
<tr><td>13。</td><td>14。</td><td>15！</td></tr></table>
ความคิดเห็น