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地圖 | 系統開發專題地圖
主站蜘蛛池模板: 免费a级毛片网站| 国产成人欧美一区二区三区| 丁香婷婷六月天| 日韩精品中文字幕无码专区| 亚洲毛片在线看| 精品一二三区久久AAA片| 国产乱妇无码大片在线观看| 免费观看黄色的网站| 国产精品视频全国免费观看| heyzo在线| 性xxxxfreexxxxx国产| 久久乐国产精品亚洲综合| 朝鲜女人性猛交| 亚洲成人在线网| 特级毛片视频在线| 农村妇女色又黄一级毛片不卡| 色综合色天天久久婷婷基地| 国产成人精品久久一区二区三区| 2020国产精品永久在线| 在线观看亚洲视频| spoz是什么意思医学| 成年人在线免费播放| 久久久精品中文字幕麻豆发布 | 日韩内射美女片在线观看网站 | 亚洲av永久无码一区二区三区| 欧美最猛性xxxxx免费| 人与禽交免费网站视频| 真实国产老熟女粗口对白| 啊啊啊好大在线观看| 色综合久久久久综合99| 国产区精品视频| 黑人巨茎大战俄罗斯美女| 国产精品VA在线观看无码不卡| 91精品成人福利在线播放| 天天狠天天透天干天天怕∴| 一区二区在线看| 成人a级高清视频在线观看| 久久丫精品国产亚洲av| 日本猛妇色xxxxx在线| 久草资源福利站| 最新电影天堂快影eeuss|