忍者ブログ
04 2024/05 06
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 31
ブログ内検索
最新コメント
[09/20 アル・シェリ]
[05/07 アル・シェリ]
[05/06 東方不敗]
[12/24 ロンメル]
[07/26 あ]
最新トラックバック
携帯版URL
[150]  [149]  [148]  [147]  [146]  [145]  [144]  [143]  [142]  [141]  [140
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

文字色も決まったので、文字の余白を調整します。

他の部分との余白は、marginとpaddingで調整するのですが、領域の外に余白を作るのか内に作るのかの違いが有ります。

margin: 10px;と書くと領域外で余白を作ります。
margin.jpg



padding: 10px;と書くと領域内で余白を作るので、線で囲う時に綺麗に見えます。
padding.jpg



10pxを5pxにすれば狭くなりますし、20pxにすると広くなりますのでお好みで。^^b

拍手[0回]


通常は、領域内の文字の間隔を調整する必要は無いと思いますが、フォントの種類や大きさによっては、行間が詰まってしまう事が有ります。
line-height_100.jpg



こんな時は、line-height で行間を広げてやると見やすくなります。

line-height : 120%;と書くと
line-height_120.jpg



この位広がりますので、お好みでline-height の%を調整してください。<(_ _)> ぺこ

PR
コメントを投稿する
お名前
タイトル
文字色
メールアドレス
URL
コメント
パスワード   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
この記事へのトラックバック
この記事にトラックバックする:
管理人:シュブ=ニグラス
職種  :殴りBis
赤石歴:19年
2005年05月04日~
  赤石グラフィティさんの企画に当選し て描いて頂いたイラストです♪  ⇒
©2014 L&K Logic Korea Co., Ltd. All Rights Reserved.©2014 GameOn Co., Ltd. All Rights Reserved.           
当サイトで利用している画像及びデータは、株式会社ゲームオンに帰属します。 許可無くご利用又は転用する事は出来ませんので、予めご了承下さい

天気予報コム
忍者ブログ [PR]