Rounded Corners Example

This is a simple example of how to make rounded corners using the CSS3 border-radius property.

The Example

This is a note to the visitors

The CSS

This is the CSS used for this example

#note {
	/* styling unrelated to rounded corners */
	width: 200px;
	padding: 10px;	
	font-size: 14px;
	text-align:center;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #372700;
	
	/* styling affected by rounded corners */
	background-color: #FBFDBE;
	border: 1px solid #F8CF71;
	
	/* styling making the rounded corners */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
}