<style type="text/css">
#bodybg{
background:red
}
</style>
<body id="bodybg">
<a onclick="bodybg.style.background='blue'" onmouseout="bodybg.style.background='red'" href="#">鼠标放上来变颜色</a>
</body>
它们二者分别使用属性color和background-color来实现的.设置h1的样式为：
h1{
background-color:#678
color:white；
}
将背景色设置为#678，也就是相当与#667788，并将文字颜色设置为白色。
我觉得就两种方法吧：一、把文字做成图片，然后将图片作为背景。当然这样的话文字是没办法动态生成的。
二、把文字层作为底层，上层放内容。
举个例子：
.page{
width:100px
height:100px
position:relative}
.textbg{
position:absolute
left:0px
top:0px
width:100px
height:100px
z-index:-1
color:#999999
}
<div class="page">
<div class="textbg">背景文字背景文字背景文字背景文字背景文字背景文字背景文字背景文字背景文字背景文字背景文字背景文字</div>
<span>内容文字内容文字内容文字</span>
</div>
