we can achieve numerous effects by simply using CSS, we just need to use our innovativeness and creativity. This time, as the title recommends, we are making stitched effect by simply using CSS.

For creating stitched effect, first, we have to create an HTML document naming stitched.html and a CSS file naming style.css and then we have to link our CSS file with our HTML document by simply using below link within head tag of our HTML document.

<link rel="stylesheet" href="style.css">

Then in our HTML file, we have to simply put one div element within body tag which contains background color.

<div class="stitched_demo"></div>

Now in our css document we have to put below code.

      .stitched_demo {  
       width: 250px;  
       padding: 25px;  
       margin: 11px;  
       background: grey;  
       font-weight: bold;   
       border: 2px dashed #fff;  
       border-radius: 10px;  
       box-shadow: 0 0 0 4px grey, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);  
       text-shadow: -1px -1px #aa3030;  
       font-weight: normal;  
    }  

Working demo:- https://jsfiddle.net/qdn2dy4m/5/