<!DOCTYPE html>
<html><head>
<meta charset="UTF-8">
<title></title>
<style>
div{
font-size:40px;width:200px;height:60px;border:1px solid gray;margin-bottom:20px;
}
/*ss2.1中3种表示方法,第1种是用英文表示*/
.box1{
background-color:red;
}
/*第2种是rgb( 0到255, 0到255, 0到255)*/
/*rgb(22,22,22);rgb(111,111,111);rgb(56,56,56);灰色*/
.box2{
background-color:rgb(255,0,0);
}
/*第3种是十六进制表示法#ff0000 ; 只有#aabbcc形式能简化为#abc;*/
/*#ababab是灰色的,例如#000;#111;#222;#333;都是灰色的*/
.box3{
background-color:##1456ff; /*##1456ff;等价于rgb(1*16+4,5*16+6,15*16+15)*/
</style>}
</head>
<body>
<div class="box1">1</div></body>
<div class="box2">2</div>
<div class="box3">3</div>
<div class="box4">4</div>
<div class="box5">5</div>
<div class="box6">6</div>
</html>