<!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>