[Aetae]

Можно градиентами, само собой только для новых браузеров.
Примерно так:

<style>
  html, body{
    min-height: 100%; 
    margin: 0; 
    padding: 0;
  }
  body {
    background: 
      linear-gradient(#000, #000) no-repeat 0 0 / 100% 100px, 
      linear-gradient(to right top, transparent 50%, #000 50%) no-repeat 0 100px / 100% 100px #F00;
  }
</style>