PhpMyBorder - add round corners by CSS

Home Demo Tutorial Template Download
Sitemap Partners
About

Googlefun
Heh, do you notice any funny misplaced ads on my page?

Heh, last week it had alot of farmer products!

Use the PhpMyBorder demo to find the rounded corners that best suits your webpage. You may customize the border in colors and size.

Round corners demo

This frame is showing how a PhpMyBorder with rounded corner looks like.

PHP users, add the following code

or if non-php support, add this static HTML / XHTML code

<div style="width: 260px;">
 <b style="font-size:1px;display:block; overflow:hidden;">
  <b style="background:#78AAFF; color: inherit; display:block; overflow:hidden;height:1px;margin:0 5px;"></b>
  <b style="background:#DDDDFF; border-color: #78AAFF; color: inherit; display:block; overflow:hidden;height:1px;border-style: solid; border-width: 0 1px;margin:0 3px; border-width:0 2px;"></b>
  <b style="background:#DDDDFF;border-color: #78AAFF; color: inherit; display:block; overflow:hidden;height:1px;border-style: solid; border-width: 0 1px;margin:0 2px;"></b>
  <b style="background:#DDDDFF;border-color: #78AAFF; color: inherit; display:block; overflow:hidden;border-style: solid; border-width: 0 1px;height:2px; margin:0 1px;"></b>
 </b>
 <div style="background:#DDDDFF; border-color: #78AAFF; color: inherit; display:block; border-style: solid ; border-width: 0 1px;">
  <b style="font-size:1px;display:block; overflow:hidden;height:1px;"></b>

-- YOUR CONTENT GOES HERE --

<b style="font-size:1px;display:block; overflow:hidden;height:1px;"></b>
 </div>
 <b style="font-size:1px;display:block; overflow:hidden;">
  <b style="background:#DDDDFF;border-color: #78AAFF; color: inherit; display:block; overflow:hidden;border-style: solid; border-width: 0 1px;height:2px; margin:0 1px;"></b>
  <b style="background:#DDDDFF;border-color: #78AAFF; color: inherit; display:block; overflow:hidden;height:1px;border-style: solid; border-width: 0 1px;margin:0 2px;"></b>
  <b style="background:#DDDDFF;border-color: #78AAFF; color: inherit; display:block; overflow:hidden;height:1px;border-style: solid; border-width: 0 1px;margin:0 3px; border-width:0 2px;"></b>
  <b style="background:#78AAFF; color: inherit; display:block; overflow:hidden;height:1px;margin:0 5px;"></b>
 </b>
</div>

Last update 23. nov. 2005

Valid XHTML 1.0 Strict

Valid CSS!