一、水平垂直居中

1、flex布局

对父级元素设置

display: flex;
justify-self: center;
align-items: center;

二、倒三角形

<div></div>
<style>
    div{
        width: 0;
        height: 0;
        border: 100px solid transparent;
        border-bottom:  solid 100px pink;
    }
</style>