Posted on | by liu
在前端开发中，CSS 教程框一直是大家常常用到的一种框架，它可以使网页更美观、更易读，提高用户体验。那么，如何使用 CSS 教程框呢？
首先，大家需要在 HTML 文档的 head 标签中添加以下代码来引入 CSS 教程框：
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/markedjs/marked.min.js">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css/github-markdown.min.css">
接下来，大家在要显示的代码前面添加以下代码：
<div class="markdown-body">
紧随其后的是大家需要显示的代码，当代码段落结束后，大家须添加以下代码来结束 CSS 教程框：
</div>
这样就可以给代码添加 CSS 教程框了。使用 CSS 教程框可以使得代码排版更加整齐、美观，在学习和阅读代码时增强了可读性。
总结下来，只需引入 CSS 教程框以及在 code 前后添加 CSS 教程框的前缀和后缀代码就可以方便地给代码添加教程框了。CSS 教程框在编写复杂代码时非常实用，如果你还没有使用过，不妨尝试一下。