如何实现CSS中字体的背景颜色

发布网友发布时间：2022-04-06 10:33

共3个回答

热心网友时间：2022-04-06 12:02

用span标签吧

示例文件：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
div{
display:table;
width:200px;
height:200px;
border:#FFCC00 1px solid;
}
div span{
background-color:#CCCCCC;
}
</style>
<script language="javascript" type="text/javascript">
function bg(){
var txt=document.getElementsByTagName("div");
txt[0].innerHTML="<span>"+txt[0].innerHTML+"</span>";
}
window.onload=bg;
</script>
</head>

<body>
<div>ddddddfererwerewdfwerewr测试文字，文字测试，测试文字。Powerby:<a href="http://www.wxwdesign.cn">wxwdesign.cn</a></div>
</body>
</html>

热心网友时间：2022-04-06 13:20

字体的背景就是承载它容器的背景颜色。

比如：

<p>颜色</p>

颜色的背景颜色就是p的背景颜色。，字体是不能单独有背景颜色的。

热心网友时间：2022-04-06 14:55

display:table （IE 显示有问题）
span标签

2012年5月18日21:23:29