需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<style>标签中,输入css代码:div{background-color: #0b93d5}。
3、浏览器运行index.html页面,此时成功实现了只在文字的后面又蓝色背景色。
用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/htmlcharset=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>
这几个字必需在一个标签里才能针对该标签设置CSS背景。
比如源码中是:
<span class="myclass">本站主题:XXXXX宠物用品</span>然后就可以书写如下css实现背景色:
.myclass { background-color: #3597FA }