Return to Snippet

Revision: 6924
at June 24, 2008 17:10 by reneolivo

Initial Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>A nice Text Box</title>
	body * {	
		font-family: Georgia, 'Times New Roman', Times, serif; 
		font-style: italic;
	label.rounded {
		padding-top: 5px;
		font-weight: bold;
		color: #555;
	input.rounded {
		border: 0;
		background: url( top left no-repeat; 
		width: 190px; 
		height: 25px; 
		padding: 3px 5px; 
		font-size: 85%;  
		color: #399; 

	<label class="rounded">My Input:</label>
	<input class="rounded" type="text" value="Some text..." />

Initial URL

Initial Description
This HTML/CSS shows how to make text inputs with rounded corners in the most basic way (it doesn't expand according to its width).

Initial Title
Text Input with rounded corners

Initial Tags
css, text

Initial Language