【解説】写真の額縁余白・色・凹ます・太く | 中華街に住まうネコ

100万ポイント山分け！1日5回検索で1ポイントもらえる

155020

HOME | DIARY | PROFILE

【フォローする】【ログイン】

Freepage List

タグのテスト

< 新しい記事

新着記事一覧(全345件)

過去の記事 >

2005.11.03

【解説】写真の額縁　余白・色・凹ます・太く

(27)

テーマ：ホームページ作成の悩み(549)

カテゴリ：楽天ブログ便利帳

テーブル枠の大きさを変える。色を変える。

写真額縁：余白を入れる、写真を凹ます

「写真に額縁をつける」タグを紹介しました。

注：途中で改行しない様にしましょう

【 余白を入れる 】

このままでは、写真と額縁がくっついて、少し息苦しい感じもします。

余白を入れてみます。

■ 余白 ■

cellpadding="15"

数字が大きいほど余白が大きくなる

注：見易く改行していますが、【日記】等では、途中で改行しない様にしましょう
<TABLE><TR><TD>画像</TD></TR></TABLE>という様に、一気に並べて下さい。

余白が出来ました。

【 「背景」の色を変える 】

「画像の背景」が白ですから、「余白」も白にしてみます。

「余白」、つまり、「背景の色」を、白に変えます。

ここでは、 <tr> という部分を変えます。

■ 背景の色 ■

注：見易く改行していますが、【日記】等では、途中で改行しない様にしましょう
<TABLE><TR><TD>画像</TD></TR></TABLE>という様に、一気に並べて下さい。

不自然な感じが無くなりました。

「背景の色」を、もう少し凝ってみます。

■ 背景の色 ■

雰囲気が変わりました。

【 凹ます 】

「背景色」と「画像」の境目に、アクセントを付けて見ます。

■凹ます■

注：見易く改行していますが、【日記】等では、途中で改行しない様にしましょう
<TABLE><TR><TD>画像</TD></TR></TABLE>という様に、一気に並べて下さい。

額縁の出っ張り、写真の凹み、で、だいぶ立体感が出ました。

【 幅の太い額縁 】

少し立派になり過ぎました。

額縁が細く感じます。

額縁の幅を太くしてみます。

■ 額縁を太く ■

cellspacing="6"

注：見易く改行していますが、【日記】等では、途中で改行しない様にしましょう
<TABLE><TR><TD>画像</TD></TR></TABLE>という様に、一気に並べて下さい。

太くする事で額縁も立派になり、バランスが取れた様です。

【 「太くなる場所」の違い 】

■ 両端： border= "5" ■

明るい色（額縁の左側）

bordercolorlight=" #bbbbbb "

暗い色（額縁の右側）

bordercolordark=" #a32f69 "

■ 中間： cellspacing="6" ■

中間色（額縁の真ん中）

bgcolor=" #487dba "

注：見易く改行していますが、【日記】等では、途中で改行しない様にしましょう
<TABLE><TR><TD>画像</TD></TR></TABLE>という様に、一気に並べて下さい。

画像は『押し花とアイコン』さんからお借りしました。

タイトルバナーの下「素材」→「花の素材」→「カット」のページよりお借りしました。

【ブログランキング】
今日もクリック（投票）してニャ＾＾