让实现HTML展示类似ghub的功能代码框

您可以使用HTML中的<pre>标签和<code>标签来创建代码块。例如：

<pre><code>
function greeting() {
  console.log("Hello World!");
}
</code></pre>

这将显示一个具有单色背景的代码块，并且代码将以等宽字体显示。您还可以使用CSS样式来自定义代码块的外观。例如：

<style>
  pre {
    background-color: #f4f4f4;
    padding: 10px;
    border-radius: 5px;
    font-family: Consolas, monospace;
  }
  code {
    font-family: Consolas, monospace;
  }
</style>

<pre><code>
function greeting() {
  console.log("Hello World!");
}
</code></pre>

这将创建一个具有灰色背景、圆角边框和等宽字体的代码块。您可以将其与其他HTML元素结合使用，例如表格或列表，以创建类似于GitHub上的代码展示