如何摆脱图像边框周围的空白 space

Question

我想让图像完全位于屏幕的右侧和顶部。

body{
font-family: 'Roboto', sans-serif;
font-weight: 300;
background: #822B2B;
color: #ffffff;
overflow: hidden; }


#showcase{
display: flex;
justify-content: center;
align-items: center;
text-align: center;
/* margin-left: 116px; */
/* width: 180vh; */
height: 100vh;

background: url('https://images.pexels.com/photos/1402787/pexels-photo-1402787.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260') no-repeat center center / cover; }

如有任何需要说明的问题，请随时提出。代码位于：https://codepen.io/zaidik/pen/WNQYbXz

Answer 1

将 margin:0; 添加到您的 body CSS 规则中

如何摆脱图像边框周围的空白 space

How to get rid of empty space around the border of Image

html

css

image

background

space