HTML代碼教程
【HTML教程】HTML的summary標簽|html入門知識
時間: 2025-03-25 22:26:24 瀏覽次數:28
常用的html標簽匯總、以及操作過程中的一些bug問題解決方法,以下龍騰飛網絡科技-小吳在建站實操中筆記記錄,一路走來,一步步學習、總結、整理的一些資料,不用死記硬背,保存使用非常方便,實操過程中遇到了就查詢搜索一下,實踐出真章,做多了自然就熟悉了:【定義和用法】summary標簽為 details元素 定義了一個可見的標

常用的html標簽匯總、以及操作過程中的一些bug問題解決方法,以下龍騰飛網絡科技-小吳在建站實操中筆記記錄,一路走來,一步步學習、總結、整理的一些資料,不用死記硬背,保存使用非常方便,實操過程中遇到了就查詢搜索一下,實踐出真章,做多了自然就熟悉了:


【定義和用法】

summary標簽為 details元素 定義了一個可見的標題。點擊標題可以查看/隱藏詳細信息。

注意:summary元素應該是 details元素 的第一個子元素。


【實例】

例子 1

使用 summary元素:

<details>
  <summary>龍騰飛網絡科技</summary>
  <p>龍騰飛網絡科技致力于建立企業發展無縫對接的服務體系!</p></details>

例子 2

使用 CSS 設置 details和 summary的樣式:

<html><style>details > summary {
  padding: 4px;
  width: 200px;
  background-color: #eeeeee;
  border: none;
  box-shadow: 1px 1px 2px #bbbbbb;
  cursor: pointer;}details > p {
  background-color: #eeeeee;
  padding: 4px;
  margin: 0;
  box-shadow: 1px 1px 2px #bbbbbb;}</style><body>
  <details>
  <summary>龍騰飛網絡科技</summary>
  <p>龍騰飛網絡科技致力于建立企業發展無縫對接的服務體系!</p></details>
  </body></html>

【默認的 CSS 設置】

大多數瀏覽器將使用以下默認值顯示 summary元素:

summary {
  display: block;}


友情鏈接: 知識付費 | EDU指南導航 | 貴州網站建設公司 |
Copyright?2011 Guangzhou Longtengfei Network Technology Co., Ltd. 廣州龍騰飛網絡科技有限公司 粵ICP備18029205號 XML地圖 | 系統開發專題地圖
主站蜘蛛池模板: 高清中文字幕在线| 国产三级全黄在线观看| 中文字幕在线观看免费| 毛片免费观看网站| 国产精品第2页| 久久99精品国产麻豆宅宅| 色偷偷人人澡久久天天| 国语精品91自产拍在线观看二区 | 久久99中文字幕伊人| 正文农村老少伦小说| 国产区卡一卡二卡三乱码免费| a级毛片高清免费视频就| 日韩avdvd| 啊灬啊灬啊灬快灬深一| 2019国产开嫩苞视频| 成人午夜免费福利视频| 人妻人人澡人人添人人爽 | 日本一二三精品黑人区| 亚洲欧美一区二区三区日产| 色播在线永久免费视频网站| 小泽玛利亚一区二区| 亚洲xxxx18| 男女性潮高清免费网站| 国产亚洲精品bt天堂精选| 91精品国产综合久| 成人精品国产亚洲欧洲| 亚洲a级片在线观看| 男女一边摸一边做爽爽| 国产伦精品一区二区三区免费下载 | 成年女人免费播放影院| 伊人久久大香线蕉综合爱婷婷| 麻豆人妻少妇精品无码专区| 国色天香社区高清在线观看| 中文字幕a∨在线乱码免费看| 欧美一区二区三区综合色视频 | 91成人在线免费视频| 成人国产一区二区三区| 久久精品国产亚洲精品2020| 法国性XXXXX极品| 又黄又粗又爽免费观看| 欧美第一页浮力影院|