So-net無料ブログ作成

ボーダー 1 [CSS ボーダー]

今回はボーダーについて説明したいと思います。
border=枠線ですが
3要素があります。

1.枠のタイプ
2. 枠線の幅
3.枠線の色

です。

ここでは1の枠線のタイプを表示させてみます。

solid
記述方法<span style="border-style:solid">solid</span>

double
記述方法<span style="border-style:double">double</span>

dotted
記述方法<span style="border-style:dotted">dotted</span>

dashed
記述方法<span style="border-style:dashed">dashed</span>

ridge
記述方法<span style="border-style:ridge">ridge</span>

groove
記述方法<span style="border-style:groove">groove</span>

inset
記述方法<span style="border-style:inset">inset</span>

outset
記述方法<span style="border-style:outset">outset</span>

※記述方法の中の< >は半角で記述
  <div>~</div>タグでも使用可能

と、このような枠線の種類があります。


次回は枠線の幅の変更について説明させていただきます。
時よ止まれ(2)  コメント(0)  トラックバック(0) 

時よ止まれ 2

コメント 0

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

トラックバック 0

トラックバックの受付は締め切りました
URYYYYYY

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。

×

この広告は1年以上新しい記事の更新がないブログに表示されております。