可以使用 CSS 来自定义其外观。下面土嘎嘎小编分享一个示例的 CSS 代码，用于设置 <pre> 内代码块的背景样式：
pre {
background-color: #f1f1f1;
padding: 10px;
border-radius: 5px;
font-family: Consolas, monospace;
font-size: 14px;
}
在上面给出的代码中，我们为 <pre> 元素应用了一些常见的样式：
background-color：用于设置背景颜色，这里设置为 #f1f1f1，可以根据需要进行调整。
padding：用于设置内边距，这里设置为 10px，可以根据喜好进行调整。
border-radius：用于设置圆角边框，这里设置为 5px，以使代码块有更圆润的外观。
font-family：用于设置字体族名称，这里设置为 Consolas, monospace，其中 Consolas 是一种常见的等宽字体，可以根据喜好选择其他字体。
font-size：用于设置字体大小，这里设置为 14px，可以根据需要进行调整。
通过将这些样式应用到 <pre> 标签，你可以自定义代码块的背景、边框和文本样式。记得在编辑器中正确引入这段 CSS 代码，以便它能够生效并适用于你的 <pre> 标签内的代码块。