本文分享了一段CSS代码，用于设置<pre>标签内的文本样式，包括字体、颜色、背景渐变等，可在HTML页面中直接预览效果。
<html>
<head>
<meta http-equiv="Content-Language" content="en" />
<meta name="GENERATOR" content="PHPEclipse 1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>title</title>
<style>
pre {
display:block;
font:normal 12px/22px Monaco,Monospace !important;
color:#CFDBEC;
background-color:#2f2f2f;
background-image:-webkit-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
background-image:-moz-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
background-image:-ms-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
background-image:-o-repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
background-image:repeating-linear-gradient(top, #444 0px, #444 22px, #2f2f2f 22px, #2f2f2f 44px);
padding:0em 1em;
overflow:auto;
}
</style>
</head>
<body >
<pre>
PHP代码吧，分享PHP开源程序！
PHP代码吧，分享PHP开源程序！
PHP代码吧，分享PHP开源程序！
PHPCODE8.COM
</pre>
</body>
</html>
分享一段CSS代码：
转载于:https://www.cnblogs.com/phpcode/archive/2012/04/20/2522753.html
扫一扫
710
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
