エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
はてなブログで見出しの先頭にイラストを付ける方法 - 雲の向こうはいつも青空
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
はてなブログで見出しの先頭にイラストを付ける方法 - 雲の向こうはいつも青空
このブログでは小見出し(h5)の先頭におサルのイラストを付けています。 これです。 実際のCSSコードで... このブログでは小見出し(h5)の先頭におサルのイラストを付けています。 これです。 実際のCSSコードです。 このイラストを60×60ピクセルに小さくした物を利用してます。 やり方 使用したいイラストを写真加工ソフトなどで30☓30ピクセルにします。 大きさはご自身のブログのデザインに合わせて調整して下さい。 このイラストを、はてなフォトライフにアップロードします。 アップロード出来たら画像の上でマウスを右クリックして画像のURLをコピーします。 僕はMacなのでWindowsでも同じ画面が出るか分かりません (^_^;) コピーしたURLをbackground:urlのところにコピーします。 赤字部分が画像のURLです。 .entry-content で見出しの種類を指定します。 小見出し→h5 中見出し→h4 大見出し→h3 font-weight: は見出し文字の種類を指定します。