ブログの機能を覚えたい・・・

練習中です。皆様よろしくお願いいたします。

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

写真に余白と枠をつけた例

通常の表示です。
さくらんぼ

さくらんぼ写真を左に寄せ、文字をその右に流し込みました。

さくらんぼ写真を右に寄せ、文字をその左に流し込みました。

スポンサーサイト

個々の記事の書式を指定する。


記事の書式を変えた例です。
文字の色や書式を変えています。

目立たせる書式をクラスで定義

段落全体を目立たたせたい場合は、その段落(P要素)に「class="remark"」の属性をつけます。

一部の文字を目立たせたい場合は、その文字をspan要素で囲み、span要素に「class="remark"」の属性をつけます。

画像の周りに文章を回り込ませる float,clear

続きを読む »

段落pやマス目tdの中の文章を左右の方向に配置

表を横に広げるには??????

右寄せの段落です。

上寄せ 左のマス目では、vertical-alignプロパティを使って、上寄せを指定しています。
中央揃え 左のマス目では、vertical-alignプロパティとtext-alignプロパティを使って、マス目の中央に文字を表示しています。

枠線borderと,余白padding

段落の周りに赤い二重線を引いた例です。
また、段落と罫線の間には、上下に3ピクセル、左右に10ピクセルの余白を取っています。

 | HOME |  »

Calendar

« | 2017-06 | »
S M T W T F S
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 -

Monthly

Categories

Recent Entries

Recent Comments

Recent Trackbacks

Appendix

FC2ブログ練習生

FC2ブログ練習生

練習中ですあしからず・・

FC2Ad

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。