<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Color</title>
<style>
body{
width: 100%;
}
div{
width: 100px;
height: 100px;
text-align: center;
float: left;
margin: 40px;
color: #fff;
}
.c1{
background-color: #ffff00;
}
.c2{
background-color: #9d2933;
}
.c3{
background-color: #ea66a6;
}
.c4{
background-color: #464547;
}
.c5{
background-color: #66ccff;
}
.c6{
background-color: #39C5BB;
}
.c7{
background-color: #94070A;
}
.c8{
background-color: #94070A;
}
.c9{
background-color: #233333;
}
.c10{
background-color: #314159;
}
.c11{
background-color: #112358;
}
.c12{
background-color: #106FFF;
}
.c13{
background-color: #E2331F;
}
.c14{
background-color: ;
}
.c15{
background-color: ;
}
.c16{
background-color: ;
}
.c17{
background-color: ;
}
.c18{
background-color: ;
}
.c19{
background-color: ;
}
.c20{
background-color: ;
}
</style>
</head>
<body>
<div class="c1">纯黄#ffff00</div>
<div class="c2">胭脂#9d2933</div>
<div class="c3">牡丹#ea66a6</div>
<div class="c4">墨#464547</div>
<div class="c5">天依蓝#66ccff</div>
<div class="c6">初音绿#39C5BB</div>
<div class="c7">北大红#94070A</div>
<div class="c8">清华紫#5C307D</div>
<div class="c9">#233333</div>
<div class="c10">圆周率#314159</div>
<div class="c11">斐波那契#112358</div>
<div class="c12">知乎蓝#106FFF</div>
<div class="c13">Pytorch#E2331F</div>
<div class="c14"></div>
<div class="c15"></div>
<div class="c16"></div>
<div class="c17"></div>
<div class="c18"></div>
<div class="c19"></div>
<div class="c20"></div>
<div class="c21"></div>
</body>
</html>