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

就是像这样,只在文字后面有背景色,其他地方没有。

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:div{background-color: #0b93d5}。

3、浏览器运行index.html页面,此时成功实现了只在文字的后面又蓝色背景色。

温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2017-09-18
<!DOCTYPE html>
<html>
<body>
    <div class="green-div">
        <h1>房管...</h1>
        <ul>
            <li>机构预测...</li>
            <li>保障房...</li>
        </ul>
    </div>
</body>
</html>

.green-div{background:#CCFF99;padding:20px;padding-top:0}

追问

不行啊,还是像这样的没有背景色,我是个新手,可以说明下吗?

追答<!DOCTYPE html>
<html>
<body>
    <div style="background:#CCFF99;padding:20px;padding-top:0">
        <h1>房管...</h1>
        <ul>
            <li>机构预测...</li>
            <li>保障房...</li>
        </ul>
    </div>
</body>
</html>

学习下内联样式(style)和外部样式表(link标签引入外部.css文件)的区别

追问

好的,谢谢!

本回答被提问者采纳
第2个回答  2014-10-25
晕,你可以只为文字添加背景色就可以了,现在是文本块有背景色。追问

是用blockquote标签吗?我是个新手还不是很懂

追答

.green-div

把上面的改成 li

就可以了。

追问

= =还是没听懂啊

第3个回答  推荐于2017-09-19
用css定义部分背景颜色,我们是可以通过background的定义背景所在的位置来世先,通过background:#f00;10px 10px这样来实现,这里通过具体的代码来理解:
<html>
<head>
<style>
#div1{
width:660px;
height:400px;
border:1px soild #f00;
background:#f00; 10px 10px; //这是定义背景颜色的位置
}

</style>
</head>

<body>
<div id='div1'>

</div>
</body>
</html>
相似回答