Home>

I am working on CSS issues, but the situation is such that CSS is not reflected at all.
I would be grateful if anyone could understand the cause and let me know.
Thank you very much.

margin: 0 auto;
  width: 500px;
  border: solid 2px;
}
.blockA {
  height: 50px;
  background-color: # ff0000;
}
.blockB {
  background-color: # 00ff00;
  height: 50px;
}
.blockC {
  height: 100px;
  background-color: # 0000ff;
}
.blockD {
  height: 50px;
  background-color: # ffff00;
}
.blockE {
  height: 50px;
  background-color: # ff00ff;
}
.blockF {
  height: 50px;
  background-color: #ffffff;
}
.blockG {
  height: 50px;
  background-color: # 00ffff;
}
code
margin: 0 auto;
  width: 500px;
  border: solid 2px;
}
.blockA {
  height: 50px;
  background-color: # ff0000;
}
.blockB {
  background-color: # 00ff00;
  height: 50px;
}
.blockC {
  height: 100px;
  background-color: # 0000ff;
}
.blockD {
  height: 50px;
  background-color: # ffff00;
}
.blockE {
  height: 50px;
  background-color: # ff00ff;
}
.blockF {
  height: 50px;
  background-color: #ffffff;
}
.blockG {
  height: 50px;
  background-color: # 00ffff;
}
code