W3.CSS 代码

显示范例

w3-panel 类用于在灰色容器中显示示例:

实例

  • Jill
  • Eve
  • Adam

亲自试一试 »


显示代码

w3-code 类用于以可读的等宽字体显示代码。

实例

fruits[0] = "Banana";
fruits[1] = "Apple";
fruits[2] = "Mango";
fruits[3] = "Plum";

亲自试一试 »


高亮内联代码

w3-codespan 类用于高亮内联代码:

html 元素定义一个 HTML 页面。

实例

The <code class="w3-codespan">html</code> element defines an HTML page.
亲自试一试 »

着色代码

W3Schools 提供了一个用于着色代码的 JavaScript 库。

实例

fruits[0] = "Banana";
fruits[1] = "Apple";
fruits[2] = "Mango";
fruits[3] = "Plum";

你可以从这里下载库: https://www.w3schools.cn/lib/w3codecolor.js

如果你使用w3codecolor.js库,你也可以使用下面描述的代码类:


高亮 JavaScript 代码

jsHigh 类用于高亮 JavaScript 代码:

实例

<div class="w3-code jsHigh">

.. JavaScript code here

</div>
亲自试一试 »

高亮 HTML 代码

htmlHigh类用于高亮HTML代码:

实例

<div class="w3-code htmlHigh">

.. HTML code goes here

</div>
亲自试一试 »

高亮 CSS 代码

cssHigh类用于高亮CSS代码:

实例

<div class="w3-code cssHigh">

.. CSS code here

</div>
亲自试一试 »