Welcome to EUROPE

26歳英会話講師です。ヨーロッパを中心に今まで16か国の旅経験あり。また、現在FIREを目指し日々奮闘中!よろしくお願いいたします。

はてなブログでCSS使ってみた (目次バー隠す、背景色設定)

See the source image こんにちは ユウシです

 

皆さん、はてなブログを編集する時どのように編集していますか。

 

はてなブログではhtmlを使った編集が可能です。

今回は「みたまま編集」ではなく「HTML編集」をはじめてつかってみたので
作ったものとつかったコードを紹介しようと思います。

 

目次

  

 

 

見出し

 

 

 

 作ったもの

・上の見出しをクリックすると新たな見出しがでてくる

・黒のなみかけ

 

使ったコード

<p><details> <summary>見出し</summary>
<p>小見出し1</p>
<p>小見出し2</p>
</details>

 

 <style><!--
details {
padding: 0.5em;
color: #000000;
background: #eeeeee;
border: 1px solid #cccccc;
}
--></style>

 

参考になりますと幸いです。

お読み頂きありがとうございました^^

 

profile.hatena.ne.jp