Html 之 fieldset legend details summary 试验2207281650

测试代码

DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"/><title>FieldsetLegendDetailsSummarytitle><style>


style><script>


script>head><body>

	<header style="font-size:30px; ">fieldset legend details summaryheader>
	
	<section>
	
		<fieldset>
			<legend>
				<div>details summary 写在了 legend 里面div>
				<details>
					<summary>SUMMARYsummary>
					<dl>
						<dt>dtdt>
						<dd>dd1dd>
						<dd>dd2dd>
						<dd>dd3dd>
						<dd>dd4dd>
						<a style="text-decoration:none;" >text-decoration:nonea>
					dl>
				details>
			legend>
			<details>
				<summary>details summary 写在 legend 下面 , 另一个 fieldset legend 写在 这个 summary 下面 summary>
				<fieldset>
					<legend>details里summary下的fieldset legendlegend>
					<label style="font-size:80px; font-weight:bold; ">详情label>
				fieldset>
			details>
		fieldset>
	
	section>
	
body>html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

效果

在这里插入图片描述

相关阅读:
（七）CSharp-CSharp图解教程版-事件
2022年5月28号 SSM框架执行流程图如下。
virtualbox配置ubuntu1804虚拟机相关流程
GAN-Tutorial procedural record
Vue动态切换class属性：数组法、对象法
UVa12313 A Tiny Raytracer
删除链表中重复元素的问题
LCR 128.库存管理 I
汽车3D HMI图形引擎选择
PTA：7-1 线性表的合并

原文地址：https://blog.csdn.net/kfepiza/article/details/126038816