asaworks

自分の技術備忘録と雑談

【HTML】はてなブログ記事のHTML編集

f:id:asa-works:20161013115054p:plain

はてなブログ、全然使いこなしてませんが、HTML編集もできるとのことなので、

メモがてら、見出しのタグについて。
本文は「編集見たまま」の方から書いて、タグは「HTML編集」で加工したらええんじゃないかな。

ひとまずよく使いそうな見出しを纏めておく。

 

 

h1見出しタグ

 <見出しサイズ style="border-left: #000080 8px solid;
 border-bottom: #000080 2px solid;
 padding: 0px 0px 2px 7px;">
 コメント<見出しサイズ>

h2見出し背景色+左ボーダー

 <見出しサイズ style="background-color: #eee;
  border-left: 5px solid #888;
 padding: 0.5em;">h2背景色+左ボーダー
 コメント<見出しサイズ>

h3左ボーダー+下ボーダ

 <見出しサイズ style="border-left: 5px solid #000080;
  border-bottom: 1px dotted #000080;
  padding: 0.5em;">
 コメント<見出しサイズ>

h4上下ライン

 <見出しサイズ style="border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  padding: 0.5em;">
 コメント<見出しサイズ>

h1フォントサイズ指定

<見出しサイズ style=""border-left: #000080 8px solid;
border-bottom: #000080 2px solid;
padding: 0px 0px 1px 5px;
font-size: 1em; font-weight: bold;">
コメント <見出しサイズ>

 

 <見出しサイズ style="border-left: #000080 8px solid;
  padding: 0px 0px 1px 5px; font-size: 1em;
  font-weight: bold;">
 コメント<見出しサイズ>

 

 

個人ごとにCSSの設定ができれば楽なのにね。

 

▼追記

CSSをちょこっとカスタマイズする方法も書きました。

asa-works.hatenablog.com