一、程度垂直居中

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>