问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

用背景做边框怎么自适应？

头像
已注销
    3276

    要做一个边框用的是backgrounimage
    然后怎么让他自适应，我写了高度才能把边框完整的显示出来，要是自适应的话又会有空白的高度,高度100%又没有用，求教下有什么好的方法
    图片描述

    图片描述

    html

     <div class="container">
    <div class="row">
      <div class="col-xs-12 col-sm-7">
        <div class="new-bg">
           <div class="cont">
           <div class="stitle">校园新动向</div>
           </div>
        </div>
      </div>
    </div>
  </div>

    css

    .new-bg{
    background-image:url(img/538640d97b566.png);
    background-size:100%;
    background-repeat:no-repeat;
    height:450px;
    }
.cont{
    padding-top:80px;
    padding-left:150px;
    }
    htmlcss
    阅读 5.4k
    3 个回答
    得票最新
    头像
    老黄
      481

      你可以试试这个

      <style>
.container{background-image:url(‘’) ;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;}
</style>
<body>
<div class=”container”>
</div>
</body>
      头像
      DustarMao
        1.2k21124

        在padding里使用百分比的长度就可以了吧

        头像
        fengyandehua
          33

          .new-bg{

          background-image:url(img/538640d97b566.png);
background-size: cover;
background-repeat: no-repeat;
height: 450px;
line-height: 450px;
text-align: center;
}

          .cont{
          /这里可以不用写/

          }
          查看全部 3 个回答
          推荐问题