はてなブログでCSS使ってみた (目次バー隠す、背景色設定)
こんにちは ユウシです
皆さん、はてなブログを編集する時どのように編集していますか。
はてなブログでは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>
参考になりますと幸いです。
お読み頂きありがとうございました^^