利用outline和outline-offset屬性畫“+”号

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;
    }
           

 運作效果如下：