title: Feather edge corners in a table how?
body: <p>I used to use this kind of "documenting**" format, just an example: </p>
  
  <pre><code>&lt;html&gt;&lt;head&gt;&lt;link rel="stylesheet" href="style.css" type="text/css"&gt;&lt;base target="_blank"&gt;&lt;/head&gt;&lt;body&gt; 
  &lt;table class="tablet"&gt;&lt;tr&gt;&lt;td&gt;&lt;pre style="margin-bottom:0;"&gt; 
  find . -type f -size 0
  &lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt; 
  &lt;/body&gt;&lt;/html&gt;
  </code></pre>
  
  <p>Picture: <a href="http://i.stack.imgur.com/1lTG5.png" rel="nofollow">http://i.stack.imgur.com/1lTG5.png</a></p>
  
  <p>** to e.g. document Linux/etc. howtos.</p>
  
  <p>style.css</p>
  
  <pre><code>table.tablet
      {
          width: 98%;
          background: #ffffff;
          color: #000000;
          border-width: 1px;
          border-style: solid;
          border-color: #000000;
          padding-top: 5;
          padding-bottom: 5;
          padding-right: 10;
          padding-left: 10;
          font-size: 110%;
          font-family: "times";
          font-weight: normal;
          border-left: 5px solid #000000;
          margin-left:10px;
          word-wrap: break-word;
      }
  
  body
      {
          background-color: #ffffff;
          color: #000000;
          padding-top: 0;
          padding-bottom: 0;
          padding-right: 0;
          padding-left: 0;
          font-size: 80%;
          font-family: "times";
          background-repeat:repeat;
          word-wrap: break-word;
      }
  </code></pre>
  
  <p>Q: I need to make "feather edges" from these "sharp corners". How?</p>
  
  <p>Example for the "feather/rounded edges": </p>
  
  <p><a href="http://forum.ubuntu-fr.org/viewtopic.php?id=175880" rel="nofollow">http://forum.ubuntu-fr.org/viewtopic.php?id=175880</a><br>
  Picture: <a href="http://i.stack.imgur.com/vRm3t.png" rel="nofollow">http://i.stack.imgur.com/vRm3t.png</a></p>