[CSS] a triangle with CSS

Implement a triangle with CSS, as shown below:

<div class="demo"></div>

<style type="text/css">
    .demo{
        width: 0;
        height: 0;
        border: 40px solid transparent;
        border-top-color: aqua;
    }
</style>

END