bloggerのヘルプがわかりにくかったのでメモ。
もしかしたら、連載になるかもしれない。
文章のスタイルを変えたい場合
テンプレート＞カスタマイズ＞アドバンス＞CSSの追加
で編集する。
もしくは投稿のhtml編集で、#div要素か#span要素を使って直接編集する。
もしくは投稿のhtml編集で、#div要素か#span要素を使って直接編集する。
| プロパティ | 利用例 | 備考 |
|---|---|---|
| color: | color:blue | 16進数も可能 |
| background: | background:yellow; | |
| border: | border:solid 1px red; | 片側だけの場合は、border-top, border-bottom, border-right, border-left を使用 |
| font-family: | font-family:"Times New Roman",Serif; | |
| font-size: | font-size:24px; | 利用可能単位 ピクセルpx; ポイントpt; インチin； デフォルトサイズとの比%; |
| font-weight | font-weight:bold | イタリックはヘルプに載ってない。 |
| text-decoration:underline | text-decoration:underline; | リンクのアンダーライン消しに使う場合はnoneを設定 |
| text-align: | text-align:right; | left right justifyから設定 |
| margin: | margin:15px; | マージンは外側の余白 |
| padding: | padding:15px; | パディングは内側の余白。片面を指定する場合はmargin-left等 同時に指定する場合は margin:1px 2px 3px 4px; top, right, bottom, left. |
レイアウトを変えたい場合
テンプレート＞HTMLの編集＞続行
ソース3/4くらいの位置の
<body
から編集を始める