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

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

怎么修改bootstrap框架导航栏的默认link样式

2

2

bottstrap

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<nav>
    <div class="container">
        <ul class="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>
</nav>

CSS部分

/*导航栏*/
nav{
    height: 8rem;
    background: #f9f9f9;
}
nav>.container{
    height: 100%;
}
.nav{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.nav-link{
    background-color: #fff;
    padding: 1rem 1.4rem;
    margin: 0 1rem;
    border-radius: 2px;
    color: #000;
}
.nav-item:hover .nav-link{
    background: #007bff;
    color: #fff;
}

该问题已被官方收录

html,body{height:100%}为什么还要设html的高度？

1

2

自适应

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>
    <style>
    html,body{height:100%}
    .parentElement{
        position:relative;
        background-color:aqua;
        width:200px;
        height:50%; 
    }

 .childElement{
     position:absolute;
     top:50%;
     transform:translateY(-50%);
     background-color:blueviolet;
        width:50%; 
        height: 25%;
        margin-left:25%;
 }
    </style>

</head>
<body>
    <div class="parentElement">
    <div class="childElement"></div>
    </div>
    
</body>
</html>

该问题已被官方收录

如何用纯CSS制作轮播图，不能使用框架

2

2

轮播

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

css

该问题已被官方收录

九宫格只能竖着排列或横向排列

6

2

九宫格块级元素

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.swag{
  padding-left:31%;
  padding-bottom: 31%;
  margin:1%;
  border-radius: 20%;
  background: orange;
}

该问题已被官方收录

select和option文字无法居中

2

2

居中表单元素

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.slect-box1 {
  margin-bottom: 0;
  border: 1px solid #e8e8e8;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 10px 0 10px 40px;
  background: #f3f3f3 url(../.././favicon.ico/task10/box.png) no-repeat 10px
    12px;
  color: #1d7ad9;
text-align:center;
}

该问题已被官方收录

如何对sass进行环境搭建

0

2

Sass

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

安装sass，无法在webstorm中配置

2

2

Sass

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

所在地下拉菜单使用了bootstrap下拉菜单样式，点击时无法实现下拉？

2

2

bootstrap

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="dropdown-line ">
    <div class="dropdown-1">
      <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true"
        aria-expanded="true">
        所在地
        <span class="caret"></span>
      </button>
      <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
        <li>
          <a href="#">Action</a>
        </li>
        <li>
          <a href="#">Another action</a>
        </li>
        <li>
          <a href="#">Something else here</a>
        </li>
        <li role="separator" class="divider"></li>
        <li>
          <a href="#">Separated link</a>
        </li>
      </ul>
    </div>

该问题已被官方收录

css:hover状态改变另一个元素样式的使用

4

2

hover

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 .register{
            display: inline-block;
            text-align: center;
            line-height: 42px;
            width: 80px;
            background-color: #FFFFFF;
        }
        .entry{
            display: inline-block;
            /*!*position: relative;*!   这里的属性用于去掉右边框*/
            /*left: 4px;*/
            text-align: center;

            line-height: 42px;
            width: 40px;
            color: #FFFFFF;
            border-left: 1px solid #FFFFFF;
        }

该问题已被官方收录

纯css的响应式导航栏有什么方法

3

2

导航栏

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.

去第页

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