NO.66 ボーダー②
枠に関する設定です。
border-color
上下左右の
枠線の色
を指定できます。
Value:
{1,4}
<div style="border:5px;border-color:blue">This source is test.</div>
border-style
上下左右の
枠線のデザイン
を指定できます。
Value: none(無し) | dotted(点線) | dashed(点線) | solid(実線) | double(二重線) | groove(谷) | ridge(山) | inset(内線) | outset(外線)
<div style="border:5px;border-style:dashed">This source is test.</div>
上記の内容を応用
◆HEAD内の記述
<style type="text/css"> <!-- table{font-size:15px;} .zzA{border-width:4px;border-color:yellow;border-style:dashed;} .zzB{border-width:5px;border-color:red;border-style:double;} --> </style>
◆BODY内の記述
test:<br> <table class=zzA><tr><td>border-width:4px;border-color:yellow;border-style:dashed;</td></tr></table><br> test:<br> <table class=zzB><tr><td>border-width:5px;border-color:red;border-style:double;</td></tr></table><br>
◆実行例
test:
border-width:4px;border-color:yellow;border-style:dashed;
test:
border-width:5px;border-color:red;border-style:double;
前に戻る
次に進む
SEO
掲示板
[PR]
爆速!無料ブログ
無料ホームページ開設
無料ライブ放送
