怎么用css定义部分背景颜色

html-css024

怎么用css定义部分背景颜色,第1张

需要准备的材料分别有:电脑、浏览器、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 }