网页高亮显示CSS代码

摘要：今日在好友没有面包得猪得博客(http://www.html-css.cn)上看到一个效果非常得棒贴出来给大家看看。这个效果得特点就是基本上和css编辑工具相像，很清晰明了得看见CSS架构。而且和编辑器里差不多，非常养眼。而且也比较容易复制，总起来说是非常得好，呵呵！通过没有面包的猪得指导我也做出来…

今日在好友没有面包得猪得博客(http://www.html-css.cn)上看到一个效果非常得棒贴出来给大家看看。

这个效果得特点就是基本上和css编辑工具相像，很清晰明了得看见CSS架构。而且和编辑器里差不多，非常养眼。

而且也比较容易复制，总起来说是非常得好，呵呵！

通过没有面包的猪得指导我也做出来一个 在这里非常感谢。下面我就将方法贴出来！

首先 边上得那两条线 实际上就是定义一个DIV得左边框 只不过代码有些特殊。代码如下

然后就是背景颜色 给一个层添加背景颜色得CSS 我就不用多说了 相信很多朋友都懂了 呵呵！

然后就是那个代码得显示 在这里有一些基本得HTML元素大家也许都忘记了 呵呵 我就是这样 在这里给大家温习一下。

HTML元素里面有个很重要得元素就是 <code></code>

意思是将CSS代码 放入那个标签中就可以完整得显示出来 而不是通过 网页编辑器得转换哦！

我这里也不大会讲 呵呵 反正最基本得东西说出来了 希望大家能够理解。

我把上面得那个代码完整得贴出来,请大家下载。

代码演示.rar

请大家在上面得链接下载！