写真をフレームで囲う
私が住んでいる温暖な気候の外房の景色です。
「写真に説明文をつける」では写真にフレームがありません。 裸の写真という感じがしてどうも収まりがよくありません。 フレームに収めてみました。 これは好みの問題ですので、文章にふさわしい修飾を選べばよいでしょう。
挿入するフレーム付きの写真と説明文の枠の定義をCSSファイルに記述する
上の挿入写真と説明分は次の記述をCSSファイルに書き込んだ定義を使っています。
#rightphoto-fbox {
width: 32%;
float: right;
padding: 0.2em;
font-size: 95%;
font-weight: bold;
line-height: 115%;
text-align: center;
border: 1px solid #ccc;
border-radius: 10px;
margin: 2px;
}
width: 32%;
float: right;
padding: 0.2em;
font-size: 95%;
font-weight: bold;
line-height: 115%;
text-align: center;
border: 1px solid #ccc;
border-radius: 10px;
margin: 2px;
}