From 87d5be95cf497eb4b11cd4f19450b4e897b1e79d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E5=BC=9F=E8=B0=83=E8=B0=83?= <398188662@qq.com>
Date: Wed, 17 Apr 2024 11:53:15 +0800
Subject: [PATCH] doc: Update line-html.md

---
 docs/markdown/line-html.md | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/docs/markdown/line-html.md b/docs/markdown/line-html.md
index 5f716ad2..c560ad3f 100644
--- 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 中并不支持。
\ No newline at end of file
+🚧  注意：这在 GitHub 中并不支持。