IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

咨询电话 : 010-59478634

亚马逊运营

全部问题

已收录问题

未收录问题

没有找到答案，去提问>>>

该问题已被官方收录

版本选择页面右边的小三角是相对于整个白框存在,使用绝对定位发现无法垂直居中

1

1

定位居中

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="div2-2">
        <img  class="img-1-2" src="../img/css7/css7-1-2.png">
        <button class="button1">简化版</button>
        <span class="span2">有1133个用户正在玩此款游戏</span>
        <button class="button1">猜词版</button>
        <span class="span2">有1133个用户正在玩此款游戏</span>
        <button class="button1">白痴版</button>
        <span class="span2">有1133个用户正在玩此款游戏</span>
    </div>

.img-1-2 {
    transform: scale(.5);
    position: absolute;

    right: 0;
    margin-right: 1%;


.div2-2 {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    position: relative;
    width: 100%;

该问题已被官方收录

任务七右上角的音频标签，无法随着样式进行修改

1

1

属性属性

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="./task7-2.css">
</head>

<body>
    <header>
        <!-- 头部 -->
        <button>
            <!-- 头部左边按钮外部盒子 -->
            <div></div>
            <!-- 左边按钮 -->
        </button>
        <span>投票</span>
        <!-- 中间文字 -->
        <button>
            <!-- 右边关闭按钮外部盒子 -->
            <div></div>
            <!-- 右边关闭按钮 -->
        </button>
    </header>
    <main>
        <!-- 中间 -->
        <div>
            <!-- 上面的播放选项盒子 -->
            <span>发言讨论结束，大家请投票</span>
            <div>
                <!-- 外部圆 -->
                <div>
                    <!-- 内部三角形 -->
                    <audio controls>
                        <!-- 音频播放器 -->
                        <source src="./css-7/task7/财富自由.mp3"></audio>
                </div>
            </div>
        </div>
        <span>点击得票数最多人的头像</span>
        <!-- 页面说明文字 -->
        <div>
            <!-- 下方多个选项外盒子 -->
            <button>
                <!-- 第一个选项盒子 -->
                <div>水民</div>
                <!-- 游戏身份 -->
                <div>1号</div>
                <!-- 游戏号码 -->
            </button>
            <button>
                <!-- 第一个选项盒子 -->
                <div>水民</div>
                <!-- 游戏身份 -->
                <div>2号</div>
                <!-- 游戏号码 -->
            </button>
            <button>
                <!-- 第一个选项盒子 -->
                <div>警察</div>
                <!-- 游戏身份 -->
                <div>3号</div>
                <!-- 游戏号码 -->
            </button>
            <button>
                <!-- 第一个选项盒子 -->
                <div>法官</div>
                <!-- 游戏身份 -->
                <div>4号</div>
                <!-- 游戏号码 -->
            </button>
            <button>
                <!-- 第一个选项盒子 -->
                <div>狙击手</div>
                <!-- 游戏身份 -->
                <div>5号</div>
                <!-- 游戏号码 -->
            </button>
            <button>
                <!-- 第一个选项盒子 -->
                <div>医生</div>
                <!-- 游戏身份 -->
                <div>6号</div>
                <!-- 游戏号码 -->
            </button>
            <button>
                <!-- 第一个选项盒子 -->
                <div>杀手</div>
                <!-- 游戏身份 -->
                <div>7号</div>
                <!-- 游戏号码 -->
            </button>
            <button>
                <!-- 第一个选项盒子 -->
                <div>水民</div>
                <!-- 游戏身份 -->
                <div>8号</div>
                <!-- 游戏号码 -->
            </button>
            <button>
                <!-- 第一个选项盒子 -->
                <div>水民</div>
                <!-- 游戏身份 -->
                <div>9号</div>
                <!-- 游戏号码 -->
            </button>
            <button>
                <!-- 第一个选项盒子 -->
                <div>水民</div>
                <!-- 游戏身份 -->
                <div>10号</div>
                <!-- 游戏号码 -->
            </button>
            <button>
                <!-- 第一个选项盒子 -->
                <div>水民</div>
                <!-- 游戏身份 -->
                <div>11号</div>
                <!-- 游戏号码 -->
            </button>
            <button>
                <!-- 第一个选项盒子 -->
                <div>水民</div>
                <!-- 游戏身份 -->
                <div>12号</div>
                <!-- 游戏号码 -->
            </button>
        </div>
    </main>
    <footer>
        <!-- 底部盒子 -->
        <button>
            <!-- 底部按钮 -->
            <span>投死</span>
            <!-- 底部中间字体 -->
        </button>
    </footer>
</body>

</html>
html{
    font-size: 62.5%;
}
body{
    margin: 0;
    font-size: 1.6rem;
}
header{
    height: 4.8rem;
    background-color: #29BDE0;
}

该问题已被官方收录

请问可以用少于9个div标签实现css1的效果？

2

1

九宫格

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<body>
   <div class="box"></div>
   <div class="box"></div>
   <div class="box"></div>
</body>

该问题已被官方收录

如何实现下拉式导航

1

1

下拉菜单导航栏

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

    input:checked ~ ul{
        display: block;
        height: 252px;

该问题已被官方收录

占位符和混合器继承的差别是什么

2

1

sass

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

响应式布局出现滚动条

0

1

媒体查询

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="./SCSS/task14-3/task14-3.css">
    <!-- 自己外部引用css文件 -->
</head>

<body>
    <header>
        <div class="container">
            <!-- 固定宽度，响应式布局 -->
            <div class="row headd">
                <!-- 栅格布局列部分 -->
                <div class="col-6 box-left">
                    <!-- 顶部盒子左边部分栅格布局 -->
                    <p class="call">客服热线：010-594-78634</p>
                </div>
                <!-- 网格系统左边部分 -->
                <div class="col-6 box-right">
                    <!-- 栅格布局右边部分 -->
                    <button class="WX"></button>
                    <button class="QQ"></button>
                    <button class="WB"></button>
                    <!-- 右边三个雪碧图 -->
                </div>
            </div>
        </div>
        <div style=" background-color: #1DB176;">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="nav">
                            <div class="nav-brand">
                                <img src="./SCSS/img/home-logo-hs.png" style="width:200px">
                            </div>
                            <!-- 折叠按钮 -->
                            <input type="checkbox" id="nav-button">
                            <div class="nav-button-border">

                                <label for="nav-button"></label>
                            </div>
                            <!-- 折叠文本 -->
                            <div class="nav-text">
                                <ul class="navbar-nav" style=" padding-right: 15px;">
                                    <li>
                                        <a class="nav-link" href="task14-1.html">首 页</a>
                                    </li>
                                    <li>
                                        <a class="nav-link" href="task14-3.html">职 业</a>
                                    </li>
                                    <li>
                                        <a class="nav-link" href="task14-2.html">推 荐</a>
                                    </li>
                                    <li>
                                        <a class="nav-link" href="#">关 于</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
@charset "UTF-8";
html {
  font-size: 625%;
}

body {
  margin: 0;
  font-size: .16rem;
  background: #fafafa;
}

button {
  padding: 0;
  border: none;
  outline-style: none;
  outline: none;
  background: transparent;
}

p {
  padding: 0;
  margin: 0;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

input {
  display: none;
}

table, th, td {
  border: 1px solid #999999;
}

table {
  border-collapse: collapse;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.col-1 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333%;
          flex: 0 0 8.33333%;
  min-height: 1px;
}

.col-2 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
          flex: 0 0 16.66667%;
  min-height: 1px;
}

.col-3 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  min-height: 1px;
}

.col-4 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  min-height: 1px;
}

.col-5 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66667%;
          flex: 0 0 41.66667%;
  min-height: 1px;
}

.col-6 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  min-height: 1px;
}

.col-7 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333%;
          flex: 0 0 58.33333%;
  min-height: 1px;
}

.col-8 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66667%;
          flex: 0 0 66.66667%;
  min-height: 1px;
}

.col-9 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  min-height: 1px;
}

.col-10 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333%;
          flex: 0 0 83.33333%;
  min-height: 1px;
}

.col-11 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66667%;
          flex: 0 0 91.66667%;
  min-height: 1px;
}

.col-12 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  min-height: 1px;
}

@media (max-width: 360px) {
  .headd {
    -ms-flex-wrap: initial;
        flex-wrap: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 360px) {
  .box-right {
    padding-right: 12%;
  }
}

@media (min-width: 360px) {
  .box-right {
    padding-right: 35px;
  }
}

.box-left {
  line-height: .3rem;
}

.call {
  width: 150px;
  margin: auto;
  margin-left: 0;
  font-size: 7px;
  color: green;
}

.box-right {
  margin: auto;
  margin-top: 6px;
  text-align: right;
  zoom: .8;
}

.WX {
  width: 25px;
  height: 24px;
  border: 0;
  background: url(../img/css_sprit00000es.png) no-repeat 95.777% 46.05%;
  zoom: .9;
  outline: none !important;
}

/* 头部栅格布局右边雪碧图1设置 */
.QQ {
  width: 25px;
  height: 24px;
  border: 0;
  margin-left: 9.5px;
  margin-right: 9.5px;
  background: url(../img/css_sprit00000es.png) no-repeat no-repeat 95.777% 31.261%;
  zoom: .9;
  outline: none !important;
}

/* 头部栅格布局右边雪碧图2设置 */
.WB {
  width: 25px;
  height: 24px;
  border: 0;
  background: url(../img/css_sprit00000es.png) no-repeat 95.777% 38.655%;
  zoom: .9;
  outline: none !important;
}

.bg-green {
  background-color: #1DB176;
}

.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 575px) {
  .nav {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.nav .nav-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.nav .nav-button-border {
  display: none;
  margin: 5px;
  padding: 5px;
  border: .03rem solid #3fb886;
}

.nav .nav-button-border label {
  display: inline-block;
  padding: .06rem 0;
  width: .24rem;
  height: .18rem;
  border-top: .02rem solid #94d8bc;
  border-bottom: .02rem solid #94d8bc;
  background: #94d8bc;
  background-clip: content-box;
}

@media screen and (max-width: 575px) {
  .nav .nav-button-border {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.nav .nav-text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-transition: height 1s;
  transition: height 1s;
}

@media screen and (max-width: 575px) {
  .nav .nav-text {
    height: 0;
  }
  .nav .nav-text li {
    height: 0 !important;
  }
  .nav .nav-text li .nav-link {
    height: 0 !important;
  }
}

@media screen and (max-width: 575px) {
  .nav .nav-text {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    text-align: center;
  }
}

.nav .nav-text .navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: -10px;
}

.nav .nav-text .navbar-nav li {
  -webkit-transition: height 1s;
  transition: height 1s;
  height: 0.6rem;
  margin-left: .8vw;
  padding: 0 10px;
}

.nav .nav-text .navbar-nav li .nav-link {
  -webkit-transition: height 1s;
  transition: height 1s;
  padding: 0;
  line-height: .575rem;
  font-size: .16rem;
  color: white;
  white-space: nowrap;
}

.nav .nav-text .navbar-nav li:hover {
  border-bottom: .02rem solid white;
}

@media screen and (max-width: 575px) {
  .nav .nav-text .navbar-nav li {
    margin-left: 0;
  }
}

@media screen and (max-width: 575px) {
  .nav .nav-text .navbar-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (max-width: 575px) {
  .nav #nav-button:checked ~ .nav-text {
    height: 2.4rem;
  }
  .nav #nav-button:checked ~ .nav-text li {
    height: .6rem !important;
  }
  .nav #nav-button:checked ~ .nav-text .nav-link {
    height: .575rem !important;
  }
}

该问题已被官方收录

row的宽度没有沾满整个container

1

1

布局

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">

    <style pyte="txrt/css">
    html{
    font-size: 312.5%;
}
body{
    font-size: initial;
}
ul{
    margin: 0;
}

/* header眉页 */
.padding-right{
    padding-right: 0;
}
.right{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-left: 0;
}
.service{
    line-height: .5rem;
    font-size: .14rem;
    color: #29B078;
}
.weixin{
    display: inline-block;
    width: .3rem;
    height: .3rem;
    margin-right: .19rem;
    background: url(picture/task-css8.png) no-repeat 0 0;
}
.qq{
    display: inline-block;
    width: .3rem;
    height: .3rem;
    margin-right: .19rem;
    background: url(picture/task-css8.png) no-repeat 0 -.58rem;
}
.weibo{
    display: inline-block;
    width: .3rem;
    height: .3rem;
    background: url(picture/task-css8.png) no-repeat 0 -1.3rem;
}

/*下拉 导航栏 */
.bg-green{
    background: #29B078;
}
.navbar{
    padding: 0;
}
.navbar-brand{
    margin-right: 0;
    font-size: 0;
}
.xiuzhenyuan{
    width: 3.5rem;
}
.navbar-toggler{
    padding: 0;
    margin: .25rem .75rem .25rem 0;
    border:none;
    outline: none !important;
    font-size: .5rem;
}
@media (max-width:767px){
    .navbar-nav{
        text-align: center;
    }
}


/* main主体 */
.picture-size{
    width: 100vw;
    height: 33vw;
}

    </style>


</head>
<body>
    <header>
        <div class="container">
            <div class="row">
                <div class="col-6 padding-right">
                    <span class="service">客服热线：010-594-78634</span>
                </div>
                <div class="col-6  right">
                    <a class="weixin"></a>
                    <a class="qq"></a>
                    <a class="weibo"></a>
                </div>
            </div>
        </div> 


                        <nav class="navbar navbar-expand-md bg-green navbar-dark">
                                <div class="container">
                                        <div class="row">
                                            <div class="col-sm-12">
                                <a class="navbar-brand" href="#">
                                    <img class="xiuzhenyuan" src="picture/xiuzhenyuan.png">
                                </a>
                                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
                                    <span class="navbar-toggler-icon"></span>
                                </button>
                                <div class="collapse navbar-collapse" id="collapsibleNavbar">
                                    <ul class="navbar-nav">
                                        <li class="nav-item">                      
                                            <a class="nav-link" href="#">首页</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" href="#">职业</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" href="#">推荐</a>
                                        </li>    
                                        <li class="nav-item">
                                            <a class="nav-link" href="#">关于</a>
                                        </li>
                                    </ul>
                                </div> 
                            </div>
                        </div>
                    </div>
                   </div> 
                            </nav>

    </header>










    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
</body>
</html>

该问题已被官方收录

git如何去删除自己的项目中的一个文件

2

1

git

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// var vm =new Vue({
//   el:"#op",
//   data:{
//     hello:true
//   }
// })
// for(let i=0;i<3;i++){
//     console.log(i);
// }
// console.log(i)
// let [a=111,b,c]=[,2,3]
// console.log(a,b,c)
// let[a,b,c,d]='hello';
// console.log(a,b,c,d)
// let url='admin/inderx.php';
// // console.log(url.endsWith('php'));
// let obj={
//     name:'李四',
//     age:'12',
//     gender:'male'
// }
// let t=`
//     <div>
//         <span>${obj.name}</span>
//         <span>${obj.age}</span>
//         <span>${obj.gender}</span>
//     </div>
// // `;
// // console.log(t)
// new Vue({
//     el:'#app',
//     data:{
//        mas:'jjk',
//        age:'18',
//        sbb:''
//     },
//     methods:{
//         cao(){
//             this.mas='ni'
//         },
//         ni(ki){
//             this.mas=ki
//         },
//         print(){
//             console.log('不跳');
//         },
//         sb(){
//             console.log('提交')
//         },
//         wo(){
//             if(this.sbb===''){
//                 this.sbb=true
//             }
//             else{
//                 this.sbb=''
//             }

该问题已被官方收录

鼠标悬浮hover

1

1

hover

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

第一种
.box2 {
     visibility: hidden;
 }
 .box1:hover .box2 {
     visibility: visible;
 }
第二种
 .box2 {
     visibility: hidden;
 }
 .box1:hover~ .box2 {
     visibility: visible;
 }

该问题已被官方收录

任务七雪碧图调好位置之后无法调节大小

2

1

雪碧图

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.k{
    background: url(../img/task7-2.11.png) no-repeat;
    background-size: 20vw 5vw;
    display: inline-block;

}
.k1{
    height: 5vw;
    width: 5vw;
    background-position: 0 0;
}
.k2{
    height: 5vw;
    width: 5vw;
    background-position: -5vw 0;
}
.k3{
    height: 5vw;
    width: 5vw;
    background-position: -10vw 0;
}
.k4{
    height: 5vw;
    width: 5vw;
    background-position: -15vw 0;
}

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1