Question

嘿伙计们我试图在这个图像周围放置一个边框：border blue around picture这是我试过的代码，我希望它能在页面的左下角。我在这里先向您的帮助表示感谢。这是我现在拥有的代码的预览：https://jsfiddle.net/7hdrhs2r/3/ HTML：

CSS

<div class="container">
<div class="row">
        <!-- Picture must be 600px X 600px-->
        <div class="col-lg-5 col-xs-6" id="picturebox">

      <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Apple_logo_black.svg/600px-Apple_logo_black.svg.png" alt="profile pic" height="10%" width="10%"/>
        </div>
</div>

Answer 1

#picturebox img {
  border: solid 3px red;
  padding: 5px;
  background-color: lightblue;
}

JSfiddle

注意：要注释掉CSS，请执行以下操作：

/* code */

也适用于多行注释：

/* code
code */

使用css / bootstrap为图片创建一个边框

1 个答案: