【HTML5】summary交互元素
2024-09-03 00:15:49
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>元素,增加了一个粗体的字体效果,如上面的粗体代码所示。
最新文章
- Http状态码之:301、302重定向
- java IO流 Zip文件操作
- iOS创建、删除文件夹、获取沙盒路径
- C++基础入门
- Android本机号码及Sim卡状态的获取
- ubuntu 14.04 root破解
- check sql server edition (version 版本)
- Hierarchy Viewer显示视图性能指标
- Cocoapods依赖管理
- MvcMailer通过ASP.NET MVC Razor视图和基架发送邮件
- 谨慎能捕千秋蝉(三)——界面操作劫持与HTML5安全
- Thinkphp使用phpexcel导入文件并写入数据库
- iproute
- 【Vuex】mapGetters 辅助函数
- JavaScript 原型链学习(一)原型对象
- java课堂笔记3
- AVH IP网络广播系统
- mysql空值排序
- c#词频统计命令行程序
- 136. Single Number(位运算)
热门文章
- apache快速配置简易网站
- LPTSTR\LPCTSTR\LPWSTR\LPCWSTR 字母的意思 及 区别
- Python’s super() considered super!
- java使用BeanUtils封装file类型表单数据到一个对象中
- git从远程仓库中更新代码到本地仓库
- asp.net如何更改默认的登陆帐号/密码:16aspx/16aspx
- 洛谷 P1048 采药【裸01背包】
- php 快速上手
- HDU6380 2018 “百度之星”程序设计大赛 - 初赛(B) A-degree (无环图=树)
- Linux是32位还是64位