label color: #040507; : label « Form « HTML / CSS






label color: #040507;

  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Spotlight  | A Free CSS Template by RamblingSoul</title>
<style type='text/css'>

#wrap #topbar {
  height: 35px;
  padding-top: 15px;
}
#wrap #header {
  background: url(images/header.jpg) no-repeat;
  height: 176px;
}


body {
  background: #E6E0D2; url(images/bg.jpg) repeat;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  }


#wrap #main #content .post form {
  padding-right: 15px;
  padding-left: 15px;
}
#wrap #main #content .post #form label {
  font-family: "Trebuchet MS", Verdana, Halvetica, Arial;
  font-size: 12px;
  color: #040507;
  display: block;
}
#wrap #main #content .post #form .textfield {
  display: block;
  width: 250px;
  border: 1px solid #AF9D72;
  background-color: #F2ECD7;
}

</style>


</head>

<body>
<div id="wrap">
<div id="header">
<h2 id="description">Spotlight Is AFree CSS Template</h2>
</div>
<div id="main">

<div id="content">
<div class="post">
<div class="posthead"><h2>Form <span>Example</span></h2></div>
<form action="#" method="get">
<div id="form">

<label for="name">Name</label> <input name="name" id="name" class="textfield" type="text" />
<label for="email">Email</label> <input name="email" id="email" class="textfield" type="text" />

<label for="phone">Phone</label> <input name="phone" id="phone" class="textfield" type="text" />

<label for="comment">Comment</label> <textarea class="textfield" id="comment" name="comment" cols="35" rows="5"></textarea>
<div class="buttons">
<input name="Submit" type="button" value="submit" />
</div>


</div>


</form>

</div>



</div>


</body>
</html>

   
    
  








Related examples in the same category

1.'label' creates a label and associates it with another element
2.label:after
3.Using the label for element
4.Set style for form label
5.Set font for label
6.Use different font for label and other form controls
7.Set margin-top and display style for label
8.Set label control for right text alignment, padding right 20px
9.Set label after style
10.Set color, background color and font for a label control
11.Set Label padding and text transformation
12.Set label font family and font size
13.Inline label
14.Label style text-align: right
15.label background-color: pink;
16.label color: black;
17.label font-weight: bold;
18.label padding: 4px;
19.label text-transform: uppercase;
20.label font-family: Verdana, Arial, Helvetica, sans-serif;
21.label font-size: xx-small;
22.Positioning labels
23.Label above
24.label display: block;
25.label font-weight:bold;
26.label margin:5px 0;
27.label font-weight:bold;
28.label font-family: "Trebuchet MS", Verdana, Halvetica, Arial;
29.label font-size: 12px;
30.label display: block;
31.label text-align: right;
32.label width: 100px;
33.Adding underline for labels
34.Place label on the top of a field
35.label text-align: left; text-align: center;
36.Labelled fields
37.Using the label element
38.Implicit labels
39.label float:left; width:100px;
40.Fieldsets and labels
41.Aligning labels with List
42.Block-level labels
43.Top-positioned Text Labels
44.Left-aligned Text Labels