<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin: 0px
padding: 0px
}
span{
display: block/*block把span元素定义成块元素*/
width: 100px
/*height: 100px*/
/*text-align: center*/
font-size: 20px
padding: 30px 30px 30px 30px
border: 1px solid #333
}
.left{
background-color: red
}
.right{
background-color: #3498db
}
p{
width: 100px
/*height: 100px*/
background-color: #99db76
padding: 40px
font-size: 20px
}
</style>
</head>
<body>
<span class="left">行内元素1</span>
<span class="right">行内元素2</span>
<p>p标签元素</p>
</body>
</html>
给div容器设置背景颜色的方法如下：假设需要设置背景颜色的div的ID为box，则css可以这样写：
#box{background-color:#fff}。
这样的话这个div容器的背景颜色就被设置成了白色。
