title: How to create sector having border?
body: <p>I am a CSS newbie so don't know much abut it. How can I create a sector of say 40deg with border? I can create 90deg sectors, 180deg ones, but not any other angles.</p>
  
  <p>See my code : <a href="http://jsfiddle.net/gzt9abx5/1/" rel="nofollow">http://jsfiddle.net/gzt9abx5/1/</a></p>
  
  <pre><code>div.abc {
      height: 100px;
      width: 100px;
      background: red;
      border-radius: 0 100px 0 0;
      border: 4px solid blue;
  }
  </code></pre>
  
  <p>I need the shape to be sector, not the background. It is not a duplicate of another question.</p>