gpt4 book ai didi

html - 如何使用没有白色边框的CSS居中图像

转载 作者:太空狗 更新时间:2023-10-29 15:38:30 25 4
gpt4 key购买 nike

这是我的 CSS 和 HTML 代码。我想在中心放置一个图像,除了图像周围有一个奇怪的白色边框外,这很有效。我试过 border:none;border:0;

HTML:

<!DOCTYPE html>
<html>

<head>
<title>Food.</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="icon" type="image/png" href="favicon.ico">

</head>


<body>
<img border="0" id="image" class="centered" />

</body>

</html>

CSS:

.centered {
position: fixed;
top: 50%;
left: 50%;
margin-top: -182px;
margin-left: -153px;

}

img#image{
/*I think this is where the issue is caused*/
width:337px;
height:219px;
background-image: url('soon_comp.png');
background-color: transparent;
}


body {
outline: none;
background-color: rgb(15,15,30);
border-color:transparent;
border:0px;
}

最佳答案

我不知道你为什么要为 img 标签设置背景图片,我宁愿使用 div 或 span 标签。但是,如果您真的想这样做,请尝试添加到您的 img#image CSS 规则中:

img#image{
content: '';
...
}

关于html - 如何使用没有白色边框的CSS居中图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12925848/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com