Question

我是HTML / CSS新手...尝试做大学工作

我试图在图像周围放置边框，边框是左边，下边和上边框，但是底部和顶部边框只是一直持续到页面结尾。

这是代码： HTML：

＆＃13;

.contentAbout {
  font-family: sans-serif;
  width: 50%;
  height: 100%;
  padding: 0px 10px 0px 10px;
  margin-top: -10px;
}
.aboutImages {} #imageOne {
  height: 250px;
  float: right;
  padding-right: 170px;
  margin-top: -150px;
  border: 1px outset white;
}

＆＃13;

<div class="contentAbout">
  <h2>About us</h2>
  <p>Hey
  </p>
</div>
<div class="aboutImages">
  <img id="imageOne" src="http://i.imgur.com/6kbSaGL.png" alt="Car" />
</div>

＆＃13;

Answer 1

您需要做的就是将padding-right更改为margin-right。所以改变：

padding-right: 170px;

为：

margin-right: 170px;

它的工作方式与此类似，因为边框显示在填充之外但在边距内。

有关CSS Box模型如何工作的信息，请参阅http://www.w3schools.com/css/css_boxmodel.asp。

CSS在图像周围放置边框

1 个答案: