您现在的位置是：首页 > 前端 > css网站首页css

做IT技术的人通常习惯记录blog等，一方面是记录自己的成长，另一方面是帮助到更多人，而技术分享的形式大多的是分享代码，可方便地让您的演示代码得到更美地展示。

本人不喜欢调用大量的插件来实现这种效果，所以今天抽出来一点时间写了一个简单原生的代码修饰器。

共有两种样式类型：

<?php
header('Content-Type:text/html;charset=utf-8');
date_default_timezone_set('PRC'); 
function P($var){
	echo '<pre>';
	var_dump($var);
	echo '</pre>';
}

<?php
header('Content-Type:text/html;charset=utf-8');
date_default_timezone_set('PRC'); 
function P($var){
	echo '<pre>';
	var_dump($var);
	echo '</pre>';
}

代码实现：

<style type="text/css">
  .code_fresh{padding:20px;margin:20px auto;background-color:#f5f5f5;border-left:3px solid #00c3b6;font-size:12px;line-height:1.8;font-family:\'Microsoft Yahei\',Arial;white-space:pre-wrap;word-wrap:break-word;}
  
  .code_black{
  border-top:20px solid #0C0C0C;border-left:10px solid #0C0C0C;
  padding:10px;margin:20px auto;color:#C2BE9E;background-color:#3F3F3F;white-space:pre-wrap;word-wrap:break-word;font-family:Courier New;line-height:20px;font-size:12px;
  }
</style>

<pre class="code_fresh">

//里面是你的代码

&lt;?php
header('Content-Type:text/html;charset=utf-8');
date_default_timezone_set('PRC'); 
function P($var){
	echo '&lt;pre&gt;';
	var_dump($var);
	echo '&lt;/pre&gt;';
}
</pre>           


<pre class="code_black">

//里面是你的代码

&lt;?php
header('Content-Type:text/html;charset=utf-8');
date_default_timezone_set('PRC'); 
function P($var){
	echo '&lt;pre&gt;';
	var_dump($var);
	echo '&lt;/pre&gt;';
}
</pre>

注意：pre标签里的代码先要经过 PHP 的htmlspecialchars函数转义后才可以使用，否则会把里面的代码解析。。。