Question

我正在从psd重新创建一个小部件，并尝试在我正用于将页面分成三部分的3个容器div之间放置一个细边框。 div有高度，我尝试添加强制高度以确保不是问题，但由于某种原因它不会出现。 CSS在开始时具有CSS重置，您可以从here获取。

感谢您的帮助！

HTML

<div class="container">
  <div class="img"><img src="1.png" alt=""></div>
  <div class="txt">
    <div><p class="title taa">10</p><p class="title2 tab">,000 hrs</p></div>
    <div class="sub a"><p id="ac">Behavioural testing</p></div>
  </div>
</div>

<div class="container">
  <div class="img"><img src="2.png" alt=""></div>
  <div class="txt">
    <div><p class="title tba">8</p><p class="title2 tbb">years</p></div>
    <div class="sub b"><p id="bc">Creafting successful user <br> experience since 2005</p></div>
  </div>
</div>

<div class="container">
  <div class="txt">
    <div><p class="title tca">87</p><p class="title2 tcb">years</p></div>
    <div class="sub c"><p id="cc">Collective experience</p></div>
  </div>
  <div class="img"><img src="3.png" alt=""></div>
</div>

CSS

.container {
  display: inline-block;
  width: 600px;
  height: 300px;
  border-right: 10px red;
}

.img {
  display: inline-block;
}

.txt {
  display: inline-block;
}

.title {
  font-family: Helvetica;
  font-weight: bold;
  font-size: 91px;
  display: inline-block;
}

.title2 {
  font-family: Helvetica;
  font-weight: bold;
  font-size: 57px;
  display: inline-block;
}

.sub {
  font-family: Helvetica;
  font-size: 22px;
}

.a {
  position: relative;
  left: 8px;
}

Answer 1

将其更改为border-right: 10px solid red;

边界需要边界的大小和类型;颜色是可选的。

尽管出现在检查元素中，但边界不会显示

1 个答案: