outline:可以给一些标签加轮廓;
outline-offset:是对轮廓的偏移位置进行设置;
当把outline-offset设置为负值,并不断减小的时候发现,能画出一个加号;
<div class="demo"></div>
CSS样式设置如下:
.demo{
width: 200px;
height: 200px;
margin: 20px;
outline: 20px solid #b7aeae;
outline-offset: -118px;
background-color: #f1eded;
}
运行效果如下: