title: How to create a CSS button for Outlook 2007 Email template?
body: <p>I am trying to create a blue button for an email template. The email client is Outlook 2007. I learned that it doesn't support CSS3 so I wrote this CSS for the button: </p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;html&gt;
      &lt;a id="button" style: "text-decoration: none;" href=""&gt;
        &lt;span style="color: white;"&gt;Button&lt;/span&gt;
      &lt;/a&gt;
  &lt;html&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>#button {
      background-color: #4686E8;
      border-radius: 10px;
      display: block;
      width: 142px;
      height: 36px;
      border-top: 2px #4686E8 solid;
      border-bottom: 2px #4686E8 solid;
      border-left: 2px #4686E8 solid;
      border-right: 2px #4686E8 solid;
      cursor: pointer;
      padding: 14px;
  }
  </code></pre>
  
  <p>Some properties, for example, the border-radius and the width/height are not working in the email template. It's just showing a blue box with the text "Button" on it. How can I create a shaped button in Outlook 2007 template? </p>