您现在的位置是:首页 > 前端 > css网站首页css
最简单的代码修饰器
做IT技术的人通常习惯记录blog等,一方面是记录自己的成长,另一方面是帮助到更多人,而技术分享的形式大多的是分享代码,可方便地让您的演示代码得到更美地展示。本人不喜欢调用大量的插件来实现这种效果,所...
做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"> //里面是你的代码 <?php header('Content-Type:text/html;charset=utf-8'); date_default_timezone_set('PRC'); function P($var){ echo '<pre>'; var_dump($var); echo '</pre>'; } </pre> <pre class="code_black"> //里面是你的代码 <?php header('Content-Type:text/html;charset=utf-8'); date_default_timezone_set('PRC'); function P($var){ echo '<pre>'; var_dump($var); echo '</pre>'; } </pre>
注意:pre标签里的代码先要经过 PHP 的htmlspecialchars函数转义后才可以使用,否则会把里面的代码解析。。。
上一篇:13种css超炫的鼠标滑过效果
相关文章
文章评论 (0)
- 这篇文章还没有收到评论,赶紧来抢沙发吧~