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ⅴ在线精品导航| 97麻豆精品国产自产在线观看| 极品精品国产超清自在线观看| 伊人久久大香线| 色8久久人人97超碰香蕉987| 国产成人午夜精华液| 18分钟处破好疼哭视频在线| 大桥未久aⅴ一区二区| 中国黄色毛片大片| 日本午夜精品一区二区三区电影| 亚洲av午夜成人片精品网站 | 国产综合欧美日韩视频一区| yellow高清在线观看完整视频在线| 无码日韩精品一区二区三区免费| 久久综合九色综合欧美狠狠| 欧美乱妇高清无乱码在线观看| 亚洲精品视频免费| 男朋友说我要冲你是什么意思| 啊好深好硬快点用力别停免费视频| 足恋玩丝袜脚视频免费网站| 国产无遮挡又黄又爽在线视频| 18av黄动漫网站在线观看| 国内精品视频在线观看| bt√天堂资源在线官网| 希岛婚前侵犯中文字幕在线 | 最近中文电影在线| 亚洲国产激情在线一区| 欧美重口绿帽video| 人善交video欧美| 神乃麻美三点尽露写真| 午夜影皖普通区| 羞羞网站免费观看| 国产v亚洲v欧美v专区| 青柠在线观看视频hd| 国产在线爱做人成小视频| 国产精选之刘婷野战| 国产精品91在线| 手机看片国产福利| 国产精品女上位在线观看| 4hu四虎永久免在线视| 国产高清一区二区三区免费视频 |