CSS应用之添加codebox标签
作者:蛛蛛虎 日期:2009-10-05
学习了CSS想到应用CSS来进行自行改造：
效果如下：
HTML代码[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
使用方法，在FCKeditor编辑器中，使用
复制内容到剪贴板
程序代码
程序代码<div class="codebox">
<pre>
<code>
===此处为代码===
</code>
</pre>
</div>
<pre>
<code>
===此处为代码===
</code>
</pre>
</div>
注解：
1、<pre> 标签可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符，而文本也会呈现为等宽字体；在此处的作用可以理解为保持原段落格式（换行、空号等）
2、<code>标签可以省略。
修改方法，在皮肤的layout.css中添加
复制内容到剪贴板 程序代码
程序代码.codebox {
border:2px dotted gray;
padding:0em 1em;
background-color:#FCFBC4;
margin:0px 82px 1em 55px;}
.codebox strong { color:#CC0000;}
border:2px dotted gray;
padding:0em 1em;
background-color:#FCFBC4;
margin:0px 82px 1em 55px;}
.codebox strong { color:#CC0000;}
上一篇: 
下一篇: 
文章来自: 
引用通告: 
Tags: 
相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论