はてなブログカスタマイズ②

こんばんは。

はてなブログカスタマイズ第二弾です。本日は、中見出しをカスタマイズしてみました。

記載した箇所

「ダッシュボード」ー「デザイン」ー「カスタマイズ（スパナアイコン）」ー「｛｝デザインCSS 」に記述しました。

記載したコード

.entry-content h4{ 
 font-size: 16px;
 position: relative; 
 padding: .75em .5em; 
 border: 1px solid #000000;
}
.entry-content h4:after{ 
 content: "CHECK!"; 
 position: absolute; 
 top: -.6em; 
 width: 45px;
 height: 10px;
 left: 10px; 
 background: #fff; 
 font-size: 14px; 
 color: #FF8C00; 
 padding: 0 10px;
}

どのように変わったのか 

画像の矢印で示したところです。「ダウンロードはこちら」、「参考にしたブログやページはこちら」などで使おうと考えています。

その他 

•  CSS

ようやくCSSが何かわかりました。CSSとは、"Cascading Style Sheets"の略語で、ウェブページのスタイルを指定する言語だそうです。参照したページはこちらです。

CSSとは？－CSSの基本

さっそく使ってみました。いい感じでしょうか。CSSもっと勉強しないといけません。

ブログ執筆に関わって

• 使用したデバイス

1. iPhone 7
2. MacBook Pro 13インチモデル

• 使用したアプリ

1. はてなブログ by 株式会社はてな
2. 純正写真アプリ