概要
この記事はプログラミングの記事です
プログラミングの、アコーディオンの記事です
実態
「アコーディオンのサンプル」
「アコーディオンのサンプル」の本文の部分です
デザイン
アコーディオンを、デザインしてみました
(自分でも、アコーディオンを、デザインしてみました）
「アコーディオンのサンプル」
「アコーディオンのサンプル」の
本文の本文の部分です
「アコーディオンのサンプル」の、コードです
<div>
<details>
<summary style=
"text-decoration:
underline 3px #f8f9f8;
background-color:
#d95d86d6;
cursor: pointer;"
title="中にもアリます
中にも、（文章がアリます）
よろしくお願いします">
<span style=
"color: #f8f9f8;">
「アコーディオンのサンプル」
</span>
</summary>
<div><div>
<p style=
"background-color:
#d9cb5d;
padding: 0px;">
「アコーディオンのサンプル」の
本文の部分です
</p>
</div></div>
</details>
</div>
所感
<details>と<summary>の間に、コードを入れると、失敗する
（例えば、<div style=）
"background-color:
#d9cb5d;"><summary>の背景を変える場合、直接<summary>に作用させる必要がある(<details>ではない）（<details>だと、中も含めて、変わってしまう）- アコーディオンのアイコン、そのデザインにはチャレンジしませんでした
（サイトの仕様により、変えてもプレビューに反映されません）
その代わり、titleを使用し、説明を加えました
