css - 编辑后的 ​​CSS 虚线

Question

我是 CSS 的新手，正在网上寻找自动重新压缩图像的代码，我发现的代码可以完美地做到这一点。但正确的是，它重新调整图像周围的一些红色虚线，当我尝试编辑时，整个图像消失了。可以请有人帮我解决图像显示时如何摆脱红色虚线的问题。

<style type="text/css">
#holder {
    width: 500px;
    margin: 0 auto;
}
.tile {
    padding: 10px 15px;
    border: 1px solid black;
    width: 300px;
    height: 300px;
    display: table;
}
.tile-layout {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.tile img {
    outline: 1px dashed red;
    width:100%;
}
</style>

Answer 1

去掉 outline 属性:

<style type="text/css">
#holder {
    width: 500px;
    margin: 0 auto;
}
.tile {
    padding: 10px 15px;
    border: 1px solid black;
    width: 300px;
    height: 300px;
    display: table;
}
.tile-layout {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.tile img {
    width:100%;
}
</style>

outline 是一个 CSS2 属性，与 border 几乎相似

这是一篇关于它的文章:http://css-tricks.com/almanac/properties/o/outline/