ＡＺ'ｓＨｏｍｅ　sub（創作以外の事専用）

背景位置テスト

背景位置テスト(H16.8.24)

あ。一行目、H3タグで文字を指定したら、自動的にタイトルになった(^_^；
なお、ここで使っているヒマワリの壁紙は、素材サイトにアップしてあります。
ここから持ってってもいいけどね(^ ^；ゞ
６００、７００、８００の３種類の幅で、水色の線のない物や全体に薄いのも作ってあります。

幅６００の背景を右に寄せてみる。

ソース

 
 
文章

border-colorで枠線の色を指定。
border-styleで線の種類を指定。
doubleは二重線。solidなら直線。
grooveで溝線。ridgeは稜線。
insetは沈み込んだように見える枠線。
outsetなら浮き上がったような枠線になる。
background-imageで背景画像を指定。
background-positionで背景画像の位置をright（右）に指定してみた。
alignでは、文字位置を指定。centerなら中央揃え。
「ソース｣の部分はtableタグで囲ったが、table align=left としたら、
table内の文字が全部赤の枠からはみ出て表示されてしまったので、
td align=centerとした。

こちらは指定なし　背景素材は600×64

ソース

こちらも指定なし　背景素材は800×64
border-styleはridge

幅８００の背景を右に寄せる。paddingを20pxで指定してやると、枠線から文字が離れる。
　ソース

文章

幅７００の背景を右に寄せると、こんな感じ。

幅を指定するならtableタグで。

ソース
<table background="背景画像のURL" width="700" border="5" style="double" bordercolor="#ff0000" align="center">
<tr><td>
文章
</td></tr>
</table>

ジャンル別一覧