1.源码
<!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.页面效果
3.代码解析
在页面样式中,为了突出显示<summary>元素,增加了一个粗体的字体效果,如上面的粗体代码所示。