Rounded Corner Generator
Introduction This page will allow you to create rounded corners for your website design. They can be applied to your HTML using CSS stylesheets.
Instructions In order to generate a set of corners populate the text boxes and click submit. Size is the width and height of the corner in pixels.
Settings
 
Corners
Right click over each of the images and save it to your computer. Please do not attempt to link directly to the images on this page!
Corners  
 
White Corners  
 
 
 
Example HTML/CSS
HTML
<div class="box">
 <div class="boxtop"><div>&nbsp;</div></div>
 <div class="boxtitle">Your Box Title</div>
 <div class="boxcontent">Your content goes here!</div>
 <div class="boxbottom"><div>&nbsp;</div></div>
</div>
CSS
body {
  background-color: #cddcec;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  margin: 50px;
}

.box {
  width: 500px;
  background-color: #ffffff;
  margin : 20px auto;
  text-align: center;
}

.boxtitle {
  color: #ffffff;
  background-color: #4b75b3;
  text-align: center;
  margin: 0px 0px 15px 0px;
  padding: 0px 10px 10px 10px;
  font-size: 16px;
  font-weight: bold;
}

.boxcontent {
  margin:0px;
  text-align: center;
  padding: 0px 10px;
}

.boxtop        {background: url(images/tr.png) no-repeat top right;}
.boxtop div    {background: url(images/tl.png) no-repeat top left;
                font-size: 0;height: 30px;}
.boxbottom     {background: url(images/br.png) no-repeat bottom right;}
.boxbottom div {background: url(images/bl.png) no-repeat bottom left;
                font-size: 0;height: 30px;}
 
 
Google Search
Custom Search
 
 
Web Tools
A set of quick and basic online tools for web designers and software developers :