css居中与三角形

CSS是一门网页设计中非常重要的语言，其中居中布局与三角形制作更是常用的技巧。

/* 水平居中 */{
      display: flex;
      justify-content: center;
}
/* 垂直居中 */{
      display: flex;
      align-items: center;
}
/* 水平与垂直居中 */{
      display: flex;
      justify-content: center;
      align-items: center;
}
/* 制作三角形 */.triangle {
      width: 0;
      height: 0;
      border-top: 50px solid transparent;
      border-right: 100px solid red;
      border-bottom: 50px solid transparent;
}
    

以上是一些常用的CSS居中代码，其中使用了Flex布局。要制作三角形，我们可以使用border属性，将某些方向的边框设置为宽度为0，然后设置另一些方向的边框颜色和宽度即可。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！