浮动首字母下沉 input border样式

时间 2021-01-19

<!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>

浮动 首字母下沉 input border样式

浮动首字母下沉 input border样式