いろいろな点線
ご訪問ありがとうございます。点線をスタイルシートで記述したい場合はこちらをご覧ください。
点線の種類には dot と dash があります
点線の種類 dot
1 |
|
2 |
|
3 |
|
4 |
|
<hr width="点線の幅" size="点線の太さ" color="点線の色"
style="border-style:dotted">
黄色の部分を変えて下さい。↑↑1のソース 下記のソースをコピーして使用して下さい
2のソース 下記のソースをコピーして使用して下さい
3のソース 下記のソースをコピーして使用して下さい
4のソース 下記のソースをコピーして使用して下さい
点線の種類 dash
1 |
|
2 |
|
3 |
|
4 |
|
<hr width="点線の幅" size="点線の太さ" color="#点線の色" style="border-style:dashed">
黄色の部分を変えて下さい。1のソース 下記のソースをコピーして使用して下さい
2のソース 下記のソースをコピーして使用して下さい
3のソース 下記のソースをコピーして使用して下さい
4のソース 下記のソースをコピーして使用して下さい
画像を使った点線(画像を並べて点線を作ります)
1 | ||
2 |
|
|
3 |
|
|
4 |
|
|
5 |
|
1. | 2. | 3. | 4. | 5. |
画像を保存してお使い下さい。(直リンクは禁止です)画像は非常に小さいものなので、拡大表示しました。点線の幅が自由に変えられます。ソースは以下のようになります。
<table>
<tr>
<td width="点線の幅" background="画像のアドレス" height="2"></td>
</tr>
</table>
<tr>
<td width="点線の幅" background="画像のアドレス" height="2"></td>
</tr>
</table>
変えるところ→黄色の部分 height="2" は変えないで下さい
下記のソースをコピーして使用して下さい
→ テーブルの枠を点線にする。 点線の枠
テーブルを点線枠に CSSボーダースタイル CSSボーダースタイル CSSボーダー CSSテーブル
●当サイトのソースは、IE6.0+のみ動作確認をしております。 それ以外のブラウザ、特にネットスケープでは正しく作動しない場合がございます。ご了承下さい。
★skip ページtop