本文の行間を変えてみよう！

ディフォルトでは本文の行間が少し詰まって見えるので行間を変更するよ！

クリックリンクのデザイン変更の［スキンCSSの編集］をクリックして編集するよ！

行間を指定するコードはline-height:2.4em; 数字は自分の好みで変えようここでは2.4emで少し広めの行間にしたよ！いろいろ数字を変えて表示の確認をしてみよう！

ついでに文字サイズも変えてみようfont-size: 12px;にしてみたよ！

以下のコードをスキンCSSの編集を開いて編集してみよう！

※不具合が生じたときはコチラでは責任は負いかねます。編集はご自身の責任で行ってくださいね！よろしく！

/* 記事／メッセージボード文字 */

.skinArticleBody,.skinMessageBoard{

font-size: 12px; /*文字サイズ*/

line-height:2.4em; /*行間*/

行間を変更すると本文が読みやすくなったよね

マウスオーバーしたときのリンク文字の変更

マウスオーバーしたときのリンク文字の変更をしてみよう。マウスオーバーしたとき下線も除き、文字の色を変えよう！

↓ディフォルトの状態は下線が表示され、文字の色はピンク！

Amebaロゴの下のクリックリンンク→デザインの変更の［スキンCSSの編集］をクリックして以下のように変更してみました。同時にＮＥＷの文字の色と文字の太さを変更。

以下のCSSコードを追加しました。

下線をなくすCSSコード

text-decoration:none;

フォントを太くするコード

font-weight:bold;

実際の投稿記事で変更した箇所を確認して下さいネ

カスタマイズ挑戦1日目

Amebaロゴのすぐ下にあるクリックリンクのデザイン変更→スキンの選択を選びCSS編集用デザインを選択。デザイン変更→スキンCSSの編集を選び文字の色を変えよう！

↓変更前

↓変更後

↓スキンCSSの変更箇所［デザイン変更→スキンCSSの編集ピンクで囲まれた部分を編集して好きな文字のいろに変えよう！

以下のサイトで好きな色が見つかるよ！

スタイルシート見出しメーカー

今日はここまで又次の更新をお楽しみに！！

このアメブロがどんな風に変わるか自分でも楽しみです。