<分区>
html - 如何摆脱图像周围的方形边框？
我的这张图片是圆形的，但我该如何去掉正方形的边缘/边框？
HTML
<div id="picture">
<input type='file' id="input">
<img [src]="url" id="Image">
<label for="uploadinput" id="uploadlabel">Upload Picture</label>
CSS
#Image {
background-image: url('http://i.stack.imgur.com/Dj7eP.jpg');
border-radius: 200px;
width: 200px;
height: 200px;
background-size: 240px;
display: block;
margin: 0 auto;
outline: none;
border:none;
border-radius: none; }
最佳答案
没有 src 时出现的细边框是因为 chrome 显示实际上您定义的空间中不存在图像。 (感谢@Patrick Mlr 指出。)
#Image {
background-image: url('http://i.stack.imgur.com/Dj7eP.jpg');
border-radius: 200px;
background-size: 240px;
display: block;
margin: 0 auto;
width:0px;
height:0px;
padding: 100px;
outline: none;
border-style: none;
border-radius: none; }<div id="picture">
<input type='file' id="input">
<img [src]="url" id="Image">
<label for="uploadinput" id="uploadlabel">Upload Picture</label>关于html - 如何摆脱图像周围的方形边框？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43369333/