かわいい点線の枠

かわいい点線の枠を作りたい!!


1.
ホームページを小粋に飾る!!どんな感じ?2行になっても平気だよ

<table style="border-style:dotted; border-width:3px; border-color:#312646; background:#6699ff" cellpadding="15" cellspacing="0" width="400">
<tr>
<td align="center"><font color="#666666" style="font-size : 15px;">ここに文字</font></td>
</tr>
</table>
変えるところ→黄色の部分

1.のソース 下記のソースをコピーして使用して下さい


border-style 点線の種類
border-width 罫線のサイズ
border-color 罫線の色
background 背景の色
cellpadding セル内のスペース
cellspacing セル間のスペース
width 表の幅





2.
ホームページを小粋に飾る!!どうよ、この点線の枠☆1.とはセル内のスペースが違うよ

2.のソース 下記のソースをコピーして使用して下さい






3.
こちらはどう?1、2.とは点線の種類がちがうよ!

3.のソース 下記のソースをコピーして使用して下さい




関連項目・関連ページ
かわいい点線 CSSボーダースタイル CSSボーダー CSSテーブル




★skip ページtop

テーブル

テーブル(作成・枠線)


テーブル(背景・位置)


カラーコード表



ホームページを小粋に
css
java
home