首 页
创意产业
设计资讯
UI设计
平面设计
设计教程
网站建设
站长学院
素材下载
软件下载
当前位置：
首页
>>
网站建设
>> 正文
经典 用CSS实现表单form布局
文章来自:互联网 | 发表时间:2007-9-20 22:32:36
Source Code to Run
<style type="text/css"> label{ float: left; width: 80px; } form{margin:0px} input{ width: 180px; border:1px solid #808080 } textarea{ width: 250px; height: 150px; } #sbutton{ margin-left: 80px; margin-top: 5px; width:80px; } br{ clear: left; } </style> <form action="" method="post"> <label for="user">姓名:</label> <input type="text" id=user name="user" value="" /><br /> <label for="email">邮件:</label> <input type="text" id=email name="email" value="" /><br /> <label for="comment">备注:</label> <textarea id=comment name="comment"> </textarea> <br /> <input type="submit" id="sbutton" value="确定" /><br /> </form>
[Ctrl+A 全部选择进行拷贝 提示：可先修改部分代码，再点击运行]
相关文章
另一种针对IE下的CSS解决方案
彻底弄懂CSS盒子模式（DIV布局快速入门）[2]
CSS标准系列 CSS样式切换技巧
CSS的优化与技巧
利用CSS样式表改善网站可访问性
CSS条状图表形式的实现方法
定义滚动条样式
动态CSS，换肤技术
编写 iPhone Friendly 的 Web 应用程序 (Part 4 - CSS)
一个ie6里奇怪的附加宽度现象
推荐一些所谓的CSS的“顶级”技巧
margin优化的一种思路
DIV内容垂直居中
CSS自动实现网页打印版本
CSS样式表技巧总结
CSS中expression使用简介
当前位置：
