将网页中放入一个灰色背景的代码编辑器
您可以使用以下HTML和CSS代码将一个灰色背景的代码编辑器嵌入到网页中:
HTML代码:
<div class="code-editor">
<pre>
<code>
// 在此处输入您的代码
</code>
</pre>
</div>
CSS代码:
.code-editor {
background-color: #f2f2f2;
padding: 10px;
}
.code-editor pre {
margin: 0;
}
.code-editor code {
color: #333;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
font-size: 14px;
}
将上述代码添加到您的网页中,您将在该位置看到一个带有灰色背景的代码编辑器。您可以根据需要自定义背景颜色、字体样式和大小。
原文地址: http://www.cveoy.top/t/topic/iCbi 著作权归作者所有。请勿转载和采集!