1.源码

【HTML5】summary交互元素-LMLPHP【HTML5】summary交互元素-LMLPHP

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8"/>
<title>交互元素summary的使用</title>
<style type="text/css">
body{
padding:5px;
font-size:14px;
}
summary{
font-weight:bold;
}
</style>
</head>
<body>
<details open="open">
<summary>页面说明</summary>
本页面生成于2017年9月21日,是一个用于测试summary交互元素的页面
</summary>
</body>
</html>

2.页面效果

【HTML5】summary交互元素-LMLPHP

3.代码解析

在页面样式中,为了突出显示<summary>元素,增加了一个粗体的字体效果,如上面的粗体代码所示。

05-28 18:14