HTML and CSS Reference
In-Depth Information
3.
Put your cursor before the closing
</style>
tag in the
<head>
section and press Enter
(Return).
4.
Enter the following code:
input, textarea, select {
border: 1px solid #000000;
margin-top: -5px;
}
input:focus {
font-weight: bold;
color: #F00;
}
label {
width:100px;
float:left;
margin-right:10px;
text-align:right;
clear:left;
}
input[type=”checkbox”] {
margin:2px 0 0 0;
}
fieldset {
background: #F8B9BC;
margin-bottom: 15px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
legend {
background: #FFF;
border: 1px solid #F70816;
padding: 5px;
font-weight: bold;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
5.
Save your file.
6.
In your browser, open
tpa_saturn.html
to view the rendered form with the new styling, as
shown in Figure 20-9.
