css-スタイルシート →
top
テーブル枠線の色･種類を変えてみました。
(ＮＮ６以降 動作確認)
キーワード
意味
none
(枠線ナシ)
dotted
点線
dashed
ダッシュ
solid
１本線
double
２本線
groove
窪んだ線
ridge
盛上った線
inset
枠線内が窪む
outset
枠線内が盛上る
A:↓各右部のソースをコピーし、＜head＞〜＜/head＞タグの
間に貼り付けると、(body内)全ての
テーブル枠にスタイルが 設定されます。
テーブル枠♪
テーブル枠♪
<style type="text/css"> <!-- TABLE { border:double #add8e6;} --> </style>
テーブル枠♪
テーブル枠♪
<style type="text/css"> <!-- TABLE { border:outset #f0fff0 6px;} --> </style>
セル枠ゴトに♪
1111
22
333333
<style type="text/css"> <!-- TD { border:solid #93a3e3 1px; padding-left:8px; padding-right:8px;} --> </style>
セル枠ゴトに♪
1111
22
333333
<style type="text/css"> <!-- TD { border:dotted #ffa07a 2px; padding-left:8px; padding-right:8px;} --> </style>
B: １部のテーブル枠のスタイルを 設定したい場合…同様に
↓コピーしたソースを＜body＞〜＜/body＞内の
設置したい場所に記述します。
テーブル枠♪
テーブル枠♪
<table style="border:double #add8e6"> <tr> <td>テーブル枠♪</td> <td> </td> </tr> <tr> <td>テーブル枠♪</td> <td> </td> </tr> </table>
テーブル枠♪
テーブル枠♪
<table style="border:outset #f0fff0 6px"> <tr> <td>テーブル枠♪</td> <td></td> </tr> <tr> <td>テーブル枠♪</td> <td></td> </tr> </table>
セル枠ゴトに♪
1111
22
333333
<table> <tr> <td style="border:solid #93a3e3 1px; padding-left:8px; padding-right:8px">セル枠ゴトに♪</td> <td style="border:solid #93a3e3 1px; padding-left:8px; padding-right:8px">1111</td> </tr> <tr> <td style="border:solid #93a3e3 1px; padding-left:8px; padding-right:8px">22</td> <td style="border:solid #93a3e3 1px; padding-left:8px; padding-right:8px">333333</td> </tr> </table>
セル枠ゴトに♪
1111
22
333333
<table> <tr> <td style="border:dotted #ffa07a 2px; padding-left:8px; padding-right:8px">セル枠ゴトに♪</td> <td style="border:dotted #ffa07a 2px; padding-left:8px; padding-right:8px">1111</td> </tr> <tr> <td style="border:dotted #ffa07a 2px; padding-left:8px; padding-right:8px">22</td> <td style="border:dotted #ffa07a 2px; padding-left:8px; padding-right:8px">333333</td> </tr> </table>
--著作権情報 http://park7.wakwak.com/~choukan/ 水澄ましの歌--