几种风格的Markdown提示框代码。可直接复制使用。
朴实无华、美观简洁的提示框,可收藏本文章以备不时之需。
你可以看到笔者别的文章也都在使用这个提示框。
注意:由于该代码框内属于HTML语法,故不能使用 **加粗**、 `内联代码` 、[链接](https://3.cn) 这类Markdown专属语法。可使用 <strong>加粗内容</strong>、<a href="https://3.cn" target="_blank">链接</a> 等HTML语法进行代替。具体细节可以直接在网上搜或者问AI。
🟡 Warning(警告)— 黄色系
警告: 这是一条警告信息,请留意潜在风险。
<div style="background-color:#fff3cd;border-left:4px solid #ffc107;padding:10px 15px;margin:10px 0;color:#856404;">
<strong>警告:</strong> 这是一条警告信息,请留意潜在风险。
</div>🔴 Important(重要)— 红色系
重要: 这是一条重要提醒,请务必留意。
<div style="background-color:#f8d7da;border-left:4px solid #dc3545;padding:10px 15px;margin:10px 0;color:#721c24;">
<strong>重要:</strong> 这是一条重要提醒,请务必留意。
</div>🔘 Info(信息)— 灰色系
信息: 这是一条普通提示,供你参考。
<div style="background-color:#e9ecef;border-left:4px solid #6c757d;padding:10px 15px;margin:10px 0;color:#495057;">
<strong>信息:</strong> 这是一条普通提示,供你参考。
</div>🟢 Success(成功)— 绿色系
成功: 操作已顺利完成!
<div style="background-color:#d4edda;border-left:4px solid #28a745;padding:10px 15px;margin:10px 0;color:#155724;">
<strong>成功:</strong> 操作已顺利完成!
</div>