ブログの作り方【無料ブログの作り方】

hrタグですが、ブログに大体「水平線」と挿入ボタンが付いていますが、それをもうちょっと変えて使うやり方です。

---

例えばこの線ですが

<hr color="#FF00FF" style="border-style: dotted; size="3">
このようなタグで書いています。

通常のhrタグに「style」や「color」や「size」を加えることで、水平線が生きてきます。

◆タグ
<hr color="#色" style="border-style: 種類; size="サイズ">

・color【色部分】…カラーコードで入力してください。
・size【サイズ部分】…数字の大きさで線の太さが変ります。
・style【種類部分】
種類
実線…solid
点線…dotted
破線…dashed
二重線…double
くぼみ…groove
浮き出し…ridge
インセット…inset
アウトセット…outset

---

↑むちゃくちゃな線ですが
hr style="border-style: dashed;" color="#009900" size="7"
だとこのような線になります。

line-height

って解かりますか？


行間です。
文字がごちゃごちゃしてるブログって見にくいですよね。

その時CSSのline-heightの%を上げると（120なら150にとか）、行間が広がるので見やすいブログになるのです。


ではでは
Ctrl＋f
ってご存知ですか？
「Ctrl」キー（左下）と「f」を同時に押してみてください。




IEですとこのような窓が出てきませんか？（他のツールでも基本的にCtrl＋fは検索が出るはずです。）

そこに「line-height」と




このように打ち込んで「次を検索」をしていくと、そのページ内の
「line-height」
部分だけ拾っていってくれるのです。

そこですべての%を上げてあげればページ全体の行間が広がります。

Ctrl＋f
は色々利用方法がありますので、覚えておくと便利だと思います。（活用方法を知ると色々出来ます。）

ほかのバリエーションでは
Ctrl＋c
Ctrl＋v
で「コピー」「貼り付け」などもありますね。
右手と左手で「コピー」「貼り付け」出来るので効率が良いです。
わざわざ右クリックしてコピーや貼り付けするより便利ですね。