问答详情
源自:7-3 CSS3选择器 :checked选择器

怎么把任务中的白色小圆点扩大到整个box内,像案例中的那样?

怎么把任务中的白色小圆点扩大到整个box内,像案例中的那样?

提问者:慕数据3446481 2019-05-10 23:22

个回答

  • ly今夕何夕
    2019-08-05 22:07:38

    把span设置的和 .box 一样大就好了,然后取消位置绝对位移就好了,因为都一样大,位置没有偏差的余地,margin也可以取消。

    .box span {
      display: block;
      width: 30px;
      height: 30px;
      border-radius: 100%;
      /*position: absolute;*/
      background: #fff;
      /*top: 50%;*/
      /*left:50%;*/
      /*margin: -5px 0  0 -5px;*/
      z-index:1;
    }

  • qq_姬曲漓江畔透殇_mtvBDM
    2019-05-14 11:08:36

    你把任务中span的css改成这样:

    .box span { 

       display: block;

      width: 30px;

      height: 30px;

      border-radius: 100%;

      background: red;

      position: absolute;

      

      top: 50%;

      left:50%;

      margin: -15px 0  0 -15px;

      z-index:1;

    }