浮动 首字母下沉 input border样式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style type="text/css">
h1{
background-color:#66CCCC;
color:#FFFFFF;
text-align:center;
}
p{
font-family:Arial;
font-size:12px;
line-height:1.5;
}
.sp1{
font-size:2em;
float:left;
}
.p1{
width:200px;
float:left;
padding:5px;
margin:10px 10px 10px 0;
border:2px #CCCCCC groove double ;
background:#009999;
}
</style>
<body>
<h1>Head Line</h1>
<p class="p1">
Wake up in the morning feeling like P Diddy
Grab my glasses, I'm out the door
I'm gonna hit this city
</p>
<p>
<span class="sp1">B</span>ut we kick em to the curb unless they look like Mick Jagger
I'm talking about - errybody getting crunk, crunk
Boys trying to touch my junk, junk
Gonna smack him if he getting too drunk, drunk
Now, now - we goin till they kick us out, out
Or the police shut us down, down
Police shut us down, down
Po-po shut us down
</p>
<div style="background:#CCCCCC;width:200px;height:70px; padding:5px">
<font color="#000000" size="-1">用户名:</font>
<input size="10" type="text" style="background-color:#CCCCCC; border:solid #666666 0px thin"/><br/>
<font color="#000000" size="-1">密 码:</font>
<input size="10" type="text" style="background-color:#CCCCCC; border:solid #666666 0px thin"/><br/>
<font color="#000000" size="-1">邮 箱:</font>
<input size="10" type="text" style="background-color:#D9D9D9; border:none"/><br/>
</div>
<div style=" clear:both;background:url(file:///C|/Documents and Settings/Administrator/桌面/02.jpg); background-repeat:repeat-x;height:30px;width:80%;text-align:center;margin-left:auto;margin-right:auto; ">div居中显示</div>
</body>
</html>