merita.jp3. 応用範囲は意外に広い
この枠線作成のテクニックは、いろいろ応用が利きます。
たとえば、こんなカンジです。
内側のセルを 2 行にして、1行目のセルには色を付けないようにします。こうすると、外側のセルの色が、そのまま表示されます(要するに透けて見えるわけです)。
1行目のセルにある文字はボールドにして、色を付けます。
-
Tips! : よく使うテクニックですが、白ではなく、2行目のセルの背景色を付けると、バランスが取れて見えます。
<table width="500" border="0" cellspacing="0" cellpadding="1">
<tr>
<td bgcolor="#1e90ff">
<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr>
<td><b><font color="#f0ffff">注意事項！</font></b></td>
</tr>
<tr>
<td bgcolor="#f0ffff">この上のセルの色は付けないこと。外側のセルの色が表示されます。</td>
</tr>
</table>
</td>
</tr>
</table>
テーブルの入れ子を何重かにすることで立体感を表現することもできます。タイトルなどに使えそうですね。
<table width="500" border="0" cellspacing="0" cellpadding="1">
<tr>
<td bgcolor="#b22222">
<table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr>
<td bgcolor="#a52a2a">
<table width="100%" border="0" cellspacing="0" cellpadding="3">
<tr>
<td bgcolor="#a0522d">
<table width="100%" border="0" cellspacing="0" cellpadding="4">
<tr>
<td bgcolor="#cd853f">
<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr>
<td align="center" bgcolor="#f4a460"><b><font color="#800000">ウェブ・デザイン・チップス/<font></b></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
-
Tips!: 枠線色を、「外→内」の順に、同系色の「濃い→薄い」や、「薄い→濃い」にしてやると立体感が出ます。
新着記事
-
#1707. 自家製麺「凌世麺」 -- 蝦仁湯麺 (えびそば) @東林.横浜中華街:
2026-01-03 横浜中華街・福建路の東林(とうりん)にてランチ。あまりの寒さに、スープたっぷりの麺料理が恋しくなり、蝦仁湯麺(えびそば)を大盛りでオーダー。東林のラーメンは自家製麺を使っているのが特徴で、その麺は「凌世麺(りょうせいめん)」と名付けられてい...
-
#1706. 新年明けましておめでとうございます -- 2026年 横浜 ポンパドウル 元町本店 十二支パン 「午」:
2026-01-03 新年明けましておめでとうございます。旧年中はお世話になりました。本年もよろしくお願いします。写真は、ポンパドウル 元町本店の十二支パン(干支パン)、2026年は「午」🐎。カスタードクリーム入り菓子パン。
-
#1705. 上海炒麺 (上海焼きそば) @萬来亭.横浜中華街:
2026-01-03 1月3日。例年のように元町厳島神社へ初詣。その帰り道、横浜中華街の萬来亭(ばんらいてい)にてランチ。食べたい料理はいろいろ思い浮かぶが、年明け最初の訪問となれば、やはりこの店の名物上海炒麺(上海焼きそば)を外すわけにはいかない 迷わずオーダ...
-
#1704. 涼拌乾絲 (干し豆腐の細切り和え) + 沙茶嫩雞 (ニンニクの芽と鶏むね肉の沙茶醤炒め) @台湾美食.横浜中華街:
2026-01-01 2026年元旦。横浜中華街・長安道の台湾美食にて晩餐。台湾美食は、その名のとおり台湾料理の店。現在の店舗は、以前は伊豆のアンテナショップだった場所をほぼ居抜きで使っており、外装にやや和風の名残がある。そのため、中華風の外観が並ぶ中華街の中で...
-
#1703. 春を感じるご馳走 - 春竹の子と干し椎茸の醤油煮込み + 桜海老と春野菜の土鍋ご飯 山椒風味 @一楽.横浜中華街:
2018-03-26 横浜中華街・中華街大通りの一楽にて晩飯。一品目は、春メニューから春竹の子と干し椎茸の醤油煮込み。これは・・・素食(スゥシー,精進料理)の紅焼烩双冬かな? 紅焼(ホンシャオ)ともちょっと違うような、甘い香りのする焼付け具合が肉厚の干し椎茸とよ...