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">

Answer 2

尝试

<html>


<head>
<style>

.imagec{ display: block; margin-left:auto; margin-right:auto; border: 2px solid black;}
</style>

</head>

<body>

<img class="imagec" src="fish.jpg">

</body>

</html>

我将您的CSS从border: black block 2px;更改为border: 2px solid black;。

Answer 3

https://www.w3schools.com/css/css_border.asp border: black block 2px; solid不是block

Answer 4

尝试使用此图片：

.imagec{
    border:2px solid black;
}

而且，对于您的HTML页面：

body{
  margin:0px;
  border:1px solid red;
}

CSS

4 个答案: