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/

编辑CSS虚线

1 个答案: