我有一个关于在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页面周围绘制边框:(
你必须这样做:
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">
试试这个
<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;
。
https://www.w3schools.com/css/css_border.asp border: black block 2px;
solid
not block
试试这个图像:
.imagec{
border:2px solid black;
}
而且,对于你的Html页面:
body{
margin:0px;
border:1px solid red;
}