您现在的位置：陈设世家 >> 网络垃圾桶 >> 作品展示 >> DIVCSS >> 文章正文rss

form表单用CSS怎么实现

先给大家一个参考图片

全部代码：

<!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>form表单用CSS怎么实现美化</title>
<style type="text/css">
<!--

fieldset {
width:190px;
height:150px;
border:1px solid red;
background:orange;
}
dt,dd {
float:left;
margin:5px 0;
width:30px;
}
dd {
width:auto;
}
-->
</style>
</head>

<body>
<fieldset>
<form>
  <dl>
  <dt><label for="a">用户:</label></dt>
  <dd><input type="text" id="a" /></dd>
  <dt><label for="b">密码:</label></dt>
  <dd><input type="password" id="b" /></dd>
  <dt></dt>
  <dd><button>登陆</button><button>注册</button></dd>
  </dl>
</form>
</fieldset>
<div><a href=/Article/zuopin/divcss/2006-12-26/Article_20061226190923_176.html>原文地址</a>:兼容friefox IE6.0 opera的CSS提交表单</div>
</body>
</html>

[1] [2] 下一页

上一篇文章：关于图片绝对定位的讨论

下一篇文章：怎么让DIV的高度，宽度自适应

作者：佚名文章来源：本站原创点击数：更新时间：2006-12-26

【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

更多关于 form表单用CSS怎么实现的文章
在哪里能下载oracle 9i安装程序用CSS实现动态显示的五角星级效果调整CSS类型的顺序改变链接一行二列,右边的自动延伸

热门影视
最新电视剧

·用博客寻找爱情	·厦门人就上厦门顶牛社区	·星期天去哪聚会	·免费发布企业招聘
·在线一亿片视频观看	·挑战美女无极限	·创建我的书签	·我要卖东西,买东西

form表单用CSS怎么实现

更多关于 form表单用CSS怎么实现 的文章

更多关于 form表单用CSS怎么实现的文章