html - 边框没有在 CSS 中的图片周围绘制

Question

我有一个关于在上传到 HTML 上的图像周围绘制边框的问题。这是我的 HTML 代码:

.imagec {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: black block 2px;
}

<img class="imagec" src="https://via.placeholder.com/100x100">

我不知道为什么我的图片周围没有画边框:(

此外，我也无法在我的 HTML 页面周围绘制边框 :(

Answer 1

你必须按照下面的方式来做:

border: 1px solid black;

代替

border: black block 2px;

在这里学习:https://www.w3schools.com/css/css_border.asp

.imagec{ 
display: block; 
margin-left:auto; 
margin-right:auto; 
border: 2px solid black;
}
html{
 border: 2px solid black;
}

<img class="imagec" src="https://material.angular.io/assets/img/examples/shiba1.jpg">