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地圖 | 系統開發專題地圖
主站蜘蛛池模板: 成人精品视频99在线观看免费 | 女人18毛片水最多免费观看 | 精品国产自在久久| 日本年轻的继坶中文字幕| 亚洲欧美强伦一区二区另类| 国产福利你懂的| 扒开两腿中间缝流白浆在线看| 亚洲自偷自偷在线制服| 色片在线免费观看| 国产成人精品三级麻豆| 2020夜夜操| 大陆少妇xxxx做受| 一本大道香蕉视频在线观看| 欧美人与动欧交视频| 亚洲韩国欧美一区二区三区 | 精品小视频在线观看| 国产人成视频在线视频| 欧美日韩一区二区三区麻豆 | 日韩精品免费在线视频| 亚洲国产成人精品女人久久久| 激情亚洲的在线观看| 办公室啪啪激烈高潮动态图 | 污视频免费网站| 免费h片在线观看网址最新| 美女扒开尿口让男人操| 国产亚洲美女精品久久久久 | 我要看免费毛片| 久久久久亚洲av无码专区| 日韩精品一区二区三区视频| 亚洲一本之道高清乱码| 欧美欧美欧美欧美| 亚洲综合在线成人一区| 男女下面一进一出无遮挡se| 办公室开档情趣内衣做爽视频| 美女扒开胸罩让男生吃乳| 国产r67194吃奶视频| 蜜桃AV无码免费看永久| 国产又色又爽又黄的在线观看| 国产精品久久自在自线观看| 国产熟女乱子视频正在播放 | 亚洲日本人成中文字幕|