Joy to the blomaga...

ブロマガを書く(CSSを使う方法)

2013/01/25 12:00 投稿

  • タグ:
  • HTML
  • CSS
  • ブロマガ

スタイルシート(CSS)

 ブロマガでは見出しなどをつけて書くことができます。

見出し4

 こんなな感じ。
 でもこんな風に文字が大きくなっただけの見出しじゃあまり使おうという気にならないですよね。
 面倒ではありますが、編集画面の上のところにあるHTML編集というところから装飾をつけることができます。

<h4>見出し4</h4>

 HTML編集を押すと上のようにh1~h6と書かれている部分があるはず。
 1~6の数字は見出し"4"とかの数字です。

<h4 style="background-color:#CFF;border-left:solid 5px #88F;padding-left:3px;">見出し4</h4>

 そこを例えば上のようにするとここで使っているような見出しにすることができます。
 本当ならこれを定義化させてh1ならこの色といったように一気に指定ができるんですが、ブロマガだとできないので、一つ一つ指定しないといけません。(要望は出してたりするw)
 style="xxxx"の中をいじるといろいろ出来るんですが、基本的なものだけ説明。

■background-color
<h4 style="background-color:#CFF;border-left:solid 5px #88F;padding-left:3px;">見出し4</h4>

backgroundは背景を設定する項目で、background-colorは背景色のみを設定する項目です。#CCFは色をRGBで指定しています。

■border
<h4 style="background-color:#CFF;border-left:solid 5px #88F;padding-left:3px;">見出し4</h4>

 borderは罫線を設定する項目です。左から罫線の種類 太さ 色を指定します。

■padding
<h4 style="background-color:#CFF;border-left:solid 5px #88F;padding-left:3px;">見出し4</h4>

 paddingは余白を設定する項目です。padding-leftは左の余白だけを設定します。

続きはwebで!

 スタイルシートについてはスタイルシートリファレンスとかをみると書いてあります。詳しく知りたいという人はそちらを参照で~。
 運営でテンプレートとか準備してくれると簡単に見出しだけで綺麗なレイアウトが作れるんですけどね。
 あとブロマガってメルマガとしても送信されるけど、こういう装飾はつけても大丈夫です。でも、この記事みたいに記事内にHTMLを表示させるとおかしくなるっぽいです。これは、しょうがないですけどね。

Profile
homepage:http://bm2dx.com/ || community:co1306871 || twitter:shigetsu_mizyu

コメント

コメントはまだありません
コメントを書き込むにはログインしてください。

いまブロマガで人気の記事