title: Creating rounded corners for top half of the buttons in CSS
body: <p>I would like to make rounded corners only for the top half of buttons.</p>
  
  <p>I know how to make rounded corners for all sides using <code>border-radius</code> and <code>-webkit-border-radius</code>.</p>
  
  <p>But only like to have corners for the top half.</p>
  
  <p>I need some guidance on how to do this in CSS.</p>