简明现代魔法 -> CSS层叠样式表 -> 相当顺眼的 CSS 代码显示

相当顺眼的 CSS 代码显示

2010-01-05

CSS 代码

pre	{
	width:680px;
	margin: 10px 0 0 0;
	padding: 10px;
	border: 0;
	border: 1px dotted #785;
	background: #f5f5f5;
	font-family: "Courier New",monospace;
	font-size: 12px;
	}
pre code {
	font-family: "Courier New",monospace;
	color:#0000ff;
	}  

在 <pre> 标签内的字体为 Courier New，颜色为黑色，如下所示：

System.out.println("Welcome To NowaMagic!");  

在 <code> 标签内的字体则为蓝色，如下所示：

echo "Welcome To NowaMagic!"; 

可以交错使用，突出显示可以使用 <code> 标签。

echo "Welcome To NowaMagic!";