关于这样的问题我讲了很多哦,下面我们来看看css 定义input文本输入框样式吧。
这是一张效果图片,我们下面来看看input的源码html代码吧。
代码如下
复制代码
<div id="comment">
<form id="commentform" method="post" action="post.php" enctype="multipart/form-data">
<div id="input" >
<label class="name" for="email"></label>
昵称:
<inputname="username" type="text" class="msginput" id="usernamecontent" value="" size="20" maxlength="30"/>
</div>
<div id="input" >
<label class="email" for="email"></label>
邮件地址:<inputname="email" type="text" class="msginput" id="useremailcontent" value="" size="20" maxlength="30"/>
</div>
我想对泸州说:<textarea id="commentarea" class="msginput" name="content" ></textarea><br/>
<input type="submit" value="提交" class="msgsubmit" />
</form>
</div>
哈哈,好像没有什么区别哦,那我们要告诉你区别就是id哦。
代码如下
复制代码
.msginput{
width:300px;
border:none;
background:#432914;
margin:0 0 0 30px;
background:url(images/line.jpg) no-repeat bottom left;
color:#f5e2ca;
}
#input{
height:40px;
}
#commentarea{
height:100px;
overflow:auto;
}
.msgsubmit{
float:right;
border:none;
background:#8d653a;
height:28px;
width:54px;
margin:20px 60px0 0px;
}
#commentname{
line-height:30px;
padding:0 0 0 15px;
color:#432914;
background:url(images/nameback.jpg) no-repeat top left;
height:36px;
width:90px;
display:block;
}
仔细看看吧,本站原创转载注明www.111cn.net