title: css metro tile selected style
body: <p>I am trying to style a div to metro styles tile after select effect. I added border-top:28px solid #4390df; to the div but I am unable to get selected effect for the tile. Any help would be highly appreciated.</p>
  
  <p>Below is sketch for my request
  <img src="https://i.stack.imgur.com/fVJmw.png" alt="enter image description here"></p>
  
  <p><a href="http://jsfiddle.net/dHdJp/" rel="nofollow noreferrer">My fiddled code is here</a></p>
  
  <pre><code>&lt;div class="tileSelected"&gt;
      this is test content
  &lt;/div&gt;
  
  .tileSelected{
      border-width: 4px;
      border-top:28px solid #4390df;
      border-left:28px solid transparent;
      display:block;
      content:"";
      height:100px;
      width:100px;
      background-color:black;
      color:#fff;
  }
  </code></pre>