| 作成例１ |
| メニュー１ |
メニュー２ |
ここに、「メニュー１」 の内容を記述します |
|
| 作成例２ |
| メニュー１ |
メニュー２ |
ここに、「メニュー２」 の内容を記述します |
|
| 記述例１ |
| <table border="0" cellspacing="0"> |
|
<tbody> |
|
|
<tr> |
|
|
|
<td bgcolor="#ffffff" style="font-size : 100%;padding
: 10px 20px;border-width : 1px 1px 0px 1px;border-style : solid;border-color
: gray;border-top-left-radius: 12px;border-top-right-radius: 12px;"
valign="top" align="center" width="50%">メニュー１
</td>
<td bgcolor="#eeeeee" style="font-size : 100%;padding
: 10px 20px;border-width : 0px 0px 1px 0px;border-style : solid;border-color
: gray;border-top-left-radius: 12px;border-top-right-radius: 12px;"
valign="top" align="center" width="50%"><a
href="file:///D:/Data/Net/abhp.sakura.ne.jp/abhp.net/hp/HP_HTML_520000.html">メニュー２</a></td> |
|
|
</tr>
<tr> |
|
|
|
<td bgcolor="#ffffff" style="font-size : 100%;padding
: 20px 25px;border-width : 0px 1px 1px 1px;border-style : solid;border-color
: gray;" valign="top" align="left" colspan="2"><br>
ここに、「メニュー１」 の内容を記述します</td> |
|
|
</tr> |
|
</tbody> |
| </table> |
|
| 記述例２ |
| <table border="0" cellspacing="0"> |
|
<tbody> |
|
|
<tr> |
|
|
|
<td bgcolor="#eeeeee" style="font-size : 100%;padding
: 10px 20px;border-width : 0px 0px 1px 0px;border-style : solid;border-color
: gray;border-top-left-radius: 12px;border-top-right-radius: 12px;"
valign="top" align="center" width="50%"><a
href="file:///D:/Data/Net/abhp.sakura.ne.jp/abhp.net/hp/HP_HTML_520000.html">メニュー１</a></td>
<td bgcolor="#ffffff" style="font-size : 100%;padding
: 10px 20px;border-width : 1px 1px 0px 1px;border-style : solid;border-color
: gray;border-top-left-radius: 12px;border-top-right-radius: 12px;"
valign="top" align="center" width="50%">メニュー２
</td> |
|
|
</tr>
<tr> |
|
|
|
<td bgcolor="#ffffff" style="font-size : 100%;padding
: 20px 25px;border-width : 0px 1px 1px 1px;border-style : solid;border-color
: gray;" valign="top" align="left" colspan="2"><br>
ここに、「メニュー２」 の内容を記述します</td> |
|
|
</tr> |
|
</tbody> |
| </table> |
|
| 説明１ |
border-width : 1px 1px 0px 1px;border-style : solid;border-color : gray;border-top-left-radius:
12px;border-top-right-radius: 12px;" |
| border-width : 1px 1px 0px 1px |
「メニュー１」 を記述するタブ部分の、「左」、「上」、「右」 部分について |
| solid;border-color : gray |
灰色の線を引き |
| border-top-left-radius: 12px;border-top-right-radius: 12px; |
さらに、上部の左右について、半径 12pxの円形に丸め処理を行っています |
| 説明２ |
border-width : 0px 0px 1px 0px;border-style : solid;border-color : gray;border-top-left-radius:
12px;border-top-right-radius: 12px; |
| border-width : 0px 0px 1px 0px |
「メニュー１」 を記述するタブ部分の、「下」 部分について |
| solid;border-color : gray |
灰色の線を引き |
| border-top-left-radius: 12px;border-top-right-radius: 12px; |
さらに、上部の左右について、半径 12pxの円形に丸め処理を行っています |