简明现代魔法 -> 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!"; 

随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们