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地圖 | 系統開發專題地圖
主站蜘蛛池模板: 国产男女爽爽爽爽爽免费视频 | 日本中文字幕有码视频| 亚洲自国产拍揄拍| 里番本子库全彩acg亚洲| 国产自产视频在线观看香蕉| 中国成人在线视频| 日韩高清国产一区在线| 亚洲精品免费在线| 精品视频在线观看一区二区三区 | 亚洲欧洲成人精品香蕉网| 精品国精品自拍自在线| 国产成人无码a区在线观看视频 | 久久久久久久人妻无码中文字幕爆 | a色毛片免费视频| 日本中文字幕在线观看| 亚洲制服丝袜精品久久| 男人操女人网站| 国产一区二区三区精品久久呦| 2022福利视频| 夜夜偷天天爽夜夜爱| 中文字幕一区二区三区精彩视频| 暖暖直播在线观看| 亚洲成色在线综合网站| 男生女生一起差差差带疼痛| 国产xvideos国产在线| 黑白禁区高清免费观看全集电视剧| 国产高清av在线播放| www.色婷婷| 成品煮伊在2021一二三久| 久久精品亚洲一区二区三区浴池| 欧美日韩亚洲一区二区三区在线观看 | 在人间电影在线观看完整版免费| 中文字幕一区二区视频| 日韩中文在线视频| 亚洲人成色777777在线观看 | 多毛bgmbgmbgm胖在线| 东京热无码一区二区三区av| 日本护士xxxxwww| 亚欧免费无码aⅴ在线观看| 欧美成人777| 亚洲色国产欧美日韩|