作者：默存 链接：https://www.zhihu.com/question/362654946/answer/2364047739 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。


一、渲染效果


二、源码

% 介绍文本框底纹填充效果，原作者：https://jevon.org/wiki/Fancy_Quotation_Boxes_in_Latex
\documentclass{article}
\usepackage{xeCJK}
\usepackage{newtxtext}
\usepackage{geometry}
\usepackage{lipsum} % 该宏包是通过 \lipsum 命令生成一段本文，正式使用时不需要引用该宏包
\usepackage[dvipsnames,svgnames]{xcolor}
\usepackage[strict]{changepage} % 提供一个 adjustwidth 环境
\usepackage{framed} % 实现方框效果

\geometry{a4paper,centering,scale=0.8}
% environment derived from framed.sty: see leftbar environment definition
\definecolor{formalshade}{rgb}{0.95,0.95,1} % 文本框颜色
% ------------------******-------------------
% 注意行末需要把空格注释掉，不然画出来的方框会有空白竖线
\newenvironment{formal}{%
\def\FrameCommand{%
\hspace{1pt}%
{\color{DarkBlue}\vrule width 2pt}%
{\color{formalshade}\vrule width 4pt}%
\colorbox{formalshade}%
}%
\MakeFramed{\advance\hsize-\width\FrameRestore}%
\noindent\hspace{-4.55pt}% disable indenting first paragraph
\begin{adjustwidth}{}{7pt}%
\vspace{2pt}\vspace{2pt}%
}
{%
\vspace{2pt}\end{adjustwidth}\endMakeFramed%
}
% ------------------******-------------------
\begin{document}
我很高兴你看到这里

\section{基础知识}
\begin{formal}
1.1 Latex概述\\
1.2 安装Latex\\
1.3 编辑器介绍
\end{formal}



\section{文档设计}
\begin{formal}
2.1 文档结构\\
2.2 页面设置\\
2.3 字体和样式
\end{formal}



\section{数学公式和图表}
\begin{formal}
3.1 数学公式\\
3.2 图表设计\\
3.3 常用宏包介绍
\end{formal}


注意：以上仅为一个可能的教程设计示例，具体章节和标题可根据实际需要进行调整。
\end{document}

三、细节

3.1 修改底纹颜色

修改 \definecolor{formalshade}{rgb}{0.95,0.95,1} 中的 rgb 数值即可改变方框底纹颜色，推荐一个配色比较好看的网站ColorDrop

3.2 修改竖线颜色

修改 \color{DarkBlue}\vrule width 2pt 中的 DarkBlue 即可改变竖线颜色，这个是 xcolor 宏包中定义的颜色，下图展示了部分，可以在宏包手册中找到（终端输入 texdoc xcolor 即可）。

这里提供几种我自己使用的颜色方案，使用方法和上述颜色的一样

\definecolor{greenshade}{rgb}{0.90,0.99,0.91} % 绿色文本框，竖线颜色设为 Green
\definecolor{redshade}{rgb}{1.00,0.90,0.90}% 红色文本框，竖线颜色设为 LightCoral
\definecolor{brownshade}{rgb}{0.99,0.97,0.93} % 莫兰迪棕色，竖线颜色设为 BurlyWood


广而告之