在前端開發中，CSS 教程框一直是我們常常用到的一種框架，它可以使網頁更美觀、更易讀，提高用戶體驗。那么，如何使用 CSS 教程框呢？ 首先，我們需要在 HTML 文檔的 head 標簽中添加以下代碼來引入 CSS 教程框：

<link rel="stylesheet" >
<link rel="stylesheet" >

接下來，我們在要顯示的代碼前面添加以下代碼：

<div class="markdown-body">

緊隨其后的是我們需要顯示的代碼，當代碼段落結束后，我們須添加以下代碼來結束 CSS 教程框：

</div>

這樣就可以給代碼添加 CSS 教程框了。使用 CSS 教程框可以使得代碼排版更加整齊、美觀，在學習和閱讀代碼時增強了可讀性。 總結下來，只需引入 CSS 教程框以及在 code 前后添加 CSS 教程框的前綴和后綴代碼就可以方便地給代碼添加教程框了。CSS 教程框在編寫復雜代碼時非常實用，如果你還沒有使用過，不妨嘗試一下。