最近一直都在研究css+div。既然决定搞web了。那这个东西也是必须学的。不精但是得懂嘛。
一些朋友问过我。像文字版的按钮还有下划线的文本框到底是怎么实现的。
今天我就写了下。主要的地方是边框的控制。剩下的也就简单了。
代码如下：
<!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=gb2312" />
<title>CSS设置表单</title>
<style>
body{
background-color:#00CCFF;
#frmLogin{
padding:0px;
margin:0px;
font-size:12px;
color:#000000;
#txtName{
border-bottom:1px solid #000000;/*设置文本框的下边框为1*/
color:#000000;
border-left:0px;/*设置左边框为0.下面一样*/
border-right:0px;
border-top:0px;
background-color:transparent;/*透明*/
font-size:12px;
#btnSubmit{
background-color:transparent;/*透明*/
color:#000000;
border:1px solid #000000;/*按钮边框为1*/
font-size:12px;
</style>
</head>
<body>
<form name="frmLogin" action="#" id="frmLogin" method="post">
请输入您的名字:<input name="txtName" id="txtName" type="text" />
<input name="btnSubmit" id="btnSubmit" type="submit" />
</form>
</body>
</html>
整理代码就是这么简单。呵呵。
效果如下。
ps：麻痹。郁闷的。学校要穿工装。我草。别扭啊。