doc: Update line-html.md

jaywcjlove · Apr 17, 2024 · 87d5be9 · 87d5be9
1 parent d5467ae
commit 87d5be9
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/docs/markdown/line-html.md b/docs/markdown/line-html.md
@@ -55,6 +55,18 @@ HTML 元素
 
 下标：包含 <sub>下标</sub>
 
+## 明暗图片
+
+用于明暗主题切换图片实用
+
+```html
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="assets/cheatsheets-foreach-1.dark.png">
+  <source media="(prefers-color-scheme: light)" srcset="assets/cheatsheets-foreach-1.png">
+  <img src="assets/cheatsheets-foreach-1.png" width="466px" />
+</picture>
+```
+
 ## 折叠面板
 
 可以折叠/展开的内容区域。
@@ -79,7 +91,6 @@ HTML 元素
 
 </details>
 
-
 ## 分组
 
 这是用于对表单中的控制元素进行分组的 html 标签，展示效果用做特殊用法。
@@ -101,4 +112,4 @@ HTML 元素
 分组面板内容展示区域，支持 `markdown` 语法
 </fieldset>
 
-🚧  注意：这在 GitHub 中并不支持。
+🚧  注意：这在 GitHub 中并不支持。