常用的CSS样式

小慈

于 2022-01-05 12:49:49 发布

阅读量266

点赞数

分类专栏： CSS 文章标签： css css3 前端

本文链接：https://blog.youkuaiyun.com/weixin_50240716/article/details/122321014

版权

CSS 专栏收录该内容

3 篇文章

订阅专栏

一、圆角

border-radius： 50%
border-radius： 1px 2px 3px 4px

这个属性允许你为元素添加圆角边框。每个半径的四个值的顺序是：左上角，右上角，右下角，左下角。
如果是50% 就会变成圆形

二、如何使元素居中？

.login_box {
  width: 450px;
  heigth: 300px;
  background-color: pink;
  // 第一步：元素开启绝对定位
  positon: absolute;
  // 第二步：设置左偏移量和上偏移量为50%
  lefe: 50%
  top: 50%
  // 第三步：使元素本身向左和上移动自身宽度和高度的50%的距离
  transform: translate(-50%, -50%);