CSS3 Stitched Border

p { width:500px; padding:5px 10px; margin:10px; background:#039cce; color:#fff; font:18px Arial, Helvetica, sans-serif;
line-height:1.3em; border:2px dashed #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
-moz-box-shadow:0 0 0 4px #007196, 2px 1px 4px 4px #007196; -webkit-box-shadow:0 0 0 4px #007196, 2px 1px 4px 4px #007196;
box-shadow:0 0 0 4px #007196, 2px 1px 6px 4px #007196; text-shadow:-1px -1px #007196; }

<p>There are many visual effect possibilities we can achieve with CSS,
There are many visual effect possibilities we can achieve with CSS,
There are many visual effect possibilities we can achieve with CSS,
There are many visual effect possibilities we can achieve with CSS
</p>

Tagged in:

• border
• css border
• stitched border css
• CSS3