Html 之 fieldset legend details summary 试验2207281650
测试代码
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"/><title>FieldsetLegendDetailsSummary</title><style>
</style><script>
</script></head><body>
<header style="font-size:30px; ">fieldset legend details summary</header>
<section>
<fieldset>
<legend>
<div>details summary 写在了 legend 里面</div>
<details>
<summary>SUMMARY</summary>
<dl>
<dt>dt</dt>
<dd>dd1</dd>
<dd>dd2</dd>
<dd>dd3</dd>
<dd>dd4</dd>
<a style="text-decoration:none;" >text-decoration:none</a>
</dl>
</details>
</legend>
<details>
<summary>details summary 写在 legend 下面 , 另一个 fieldset legend 写在 这个 summary 下面 </summary>
<fieldset>
<legend>details里summary下的fieldset legend</legend>
<label style="font-size:80px; font-weight:bold; ">详情</label>
</fieldset>
</details>
</fieldset>
</section>
</body></html>
效果
