讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > web前端 > css教程 > 正文

用CSS实现表单form布局_CSS/HTML

php中文网
发布： 2016-05-16 12:11:28
原创
1715人浏览过

出处：http://blog.donews.com/dodo/archive/2005/06/18/434979.aspx

在TABLE布局中设计Form,一般都是用2个td来布局,如果不用table,用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;
}

通用产品企业网站(.NET2.0)1.0
通用产品企业网站(.NET2.0)1.0

1、系统采用.net2.0开发，数据库access2、三层架构，数据层、逻辑层和表示层分离3、系统完全使用div＋css布局，可以灵活处理界面4、技术特点: 使用模板页，大大减少代码量 动态生成竖向导航菜单 ul li实现表格 各种自定义用户空间 Reapter等数据控件的灵活运用

通用产品企业网站(.NET2.0)1.0 0
查看详情 通用产品企业网站(.NET2.0)1.0









 

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：firefox推荐与个人理解的css书写顺序_CSS/HTML 下一篇：W3C标准：实时切换CSS样式_CSS/HTML
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
css首字想做放大杂志风效果怎么做_利用::first-letter增加首字样式 用::first-letter伪元素实现杂志风首字放大效果，需设置基础字号、首字放大并浮动，配合line-height和margin-right调整间距；注意中英文及标点兼容性，可添加字体、背景、描边等进阶样式。
2025-12-18 06:07:12
477
css相邻元素需要联动样式怎么实现_利用相邻兄弟选择器+控制关系 相邻兄弟选择器（+）可实现无JS的元素联动，要求触发元素与目标元素同级且紧邻，通过:checked、:hover等状态控制后续元素样式，但无法反向选择或跨层级匹配。
2025-12-18 04:41:19
803
css表单校验失败需要提示样式怎么办_利用:invalid伪类自动标记错误 CSS:invalid伪类可自动为校验失败的表单控件添加样式，需配合required、type="email"、min/max、pattern等约束属性生效；注意初始空值即触发问题，推荐用.touched类或:user-invalid延迟提示，并结合JS或ARIA提供错误文案。
2025-12-18 01:51:08
787
css定位布局调试困难怎么办_临时添加边框观察定位范围 加边框是调试CSS定位最直接有效的方法，能直观显示元素实际占据范围、偏移位置和盒模型表现；推荐使用红色虚线边框、蓝色外轮廓或浅橙背景色，并配合DevTools实时开关与伪元素等技巧高效排查问题。
2025-12-18 00:45:24
164
css初级项目需要遮罩层效果怎么办_通过rgba背景实现遮罩 直接用rgba设置背景色即可实现遮罩层效果，无需额外标签；关键在于background-color:rgba(r,g,b,alpha)，alpha控制透明度且不影响子元素，避免使用opacity导致内容变淡。
2025-12-18 00:41:20
686
css点击元素变更颜色的方法 实现点击元素后变更颜色有三种方法：1.用:active伪类仅在按下时变色；2.用JavaScript切换class实现点击后持久变色并可切换回；3.直接修改内联样式实现一次性变色。
2025-12-18 00:35:16
761
css元素悬浮对齐父元素不生效怎么办_Flexbox align-self调整位置 align-self不生效主因是父容器未设display:flex；2.子元素非直接子项或使用position:absolute脱离布局；3.未正确理解flex-direction影响的对齐轴方向，导致设置错误。
2025-12-18 00:11:18
553
css外链样式和内联样式冲突怎么办_优先级与层叠计算方式说明 内联样式优先级最高，会覆盖外链或内部样式，这是CSS层叠机制的正常表现；其优先级顺序为：内联样式（1000）＞ID选择器（100）＞类/属性/伪类（10）＞元素/伪元素（1）＞通配符/继承/默认（0），权重不进位，!important需谨慎使用。
2025-12-17 20:21:07
871
css初级项目表单校验提示怎么布局_结合position absolute定位提示 表单校验提示应使用position:absolute定位，前提是父容器（如.form-item）设为position:relative；提示元素需控制尺寸、位置（如下方左侧或右侧紧贴）、动态显隐（推荐opacity过渡）及响应式适配（如max-width、换行处理）。
2025-12-17 20:18:07
441
页面整体居中总是不生效怎么办_利用margin auto实现水平居中 margin:auto水平居中失效的根本原因是未满足三前提：元素必须为块级（display:block/inline-block）、必须设置明确width（max-width无效）、父容器不能是flex/table布局。
2025-12-17 20:13:20
750
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部