html - 如何为 's and ' s 制作边框？

Question

这个问题已经有答案了:

HTML Div border not showing (3 个回答)

已关闭 3 年前。

我想为图像和顶部导航添加边框，这是我尝试过的代码

.navtop {
  background: #b7f582;
  width: 100%;
  height: 100px;
  overflow: hidden;
}
.navtop a {
  width: auto;
  min-width: 90px;
  text-align: center;
  text-decoration: none;
  height: 100px;
  -webkit-transition: 0.5s;
  background: #82a8f5;
  float: left;
}
.navtop a:hover {
  transition: 0.5s;
  transform: translateY(10px);
  background: #d96cbc;
  color: black;
}
.navtop img {
  float: left;
  width:  100px;
  height: 100px;
  border-color: black;
  border-width: 5px;
}

<div class="navtop">
<img src="RingLogo.png"> 
<a href="homeRG.html"> Home </a>
</div>

如何向 <div> 添加边框颜色面积和图像？看，我可以在按钮上添加边框，但不能添加其他任何内容。

Answer 1

为了简单起见，在一个语句中使用边框，因为您缺少边框样式:

border: 5px solid black;

您可以通过此 link 检查其他边框样式和其他选项.