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

问题描述 投票:0回答:4

我有一个关于在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页面周围绘制边框:(

html css
4个回答
3
投票

你必须这样做:

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

0
投票

试试这个

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


0
投票

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


0
投票

试试这个图像:

.imagec{
    border:2px solid black;
}

而且,对于你的Html页面:

body{
  margin:0px;
  border:1px solid red;
}
© www.soinside.com 2019 - 2024. All rights reserved.