HTML5网页设计基础—

案例：

代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title><style>*{margin: 0;padding: 0;}form{margin: 50px auto;font-size: 12px;width: 300px;height: 130px;background: #dcf5fa;}.btn{padding-top:17px;margin-left:100px;}.one{margin-left: 36px;padding-top:25px;}.two{padding-top:10px;margin-left: 65px;}.one input{border: 1px solid #54afc9;color: #ccc;width: 132px;background:#ffffff url("../素材1/001.jpg") no-repeat 5px center;padding-left: 25px;}.two input{border: 1px solid #54afc9;background:#ffffff url("../素材/2.jpg") no-repeat 5px center;}</style>
</head><body><form method="post" action="#"><p class="one">账号/号码：<input type="text" value="itcast" ></p><p class="two">密码：<input type="password"></p><p class="btn"><input type="image" src="../素材1/5.jpg"></p></form>
</body>
</html>

HTML5网页设计基础——表单样式相关推荐

修改ua html5,html5中bootstrap表单样式文件html，兼容多种UA终端
原创作品(请勿商用):目前的UA表单不用判断表格的宽度,它是自适应的,它可以自适应PC.平板.手机:每一个模块可以折叠显示隐藏的效果,(如不需要可以删除).如有要自己手动设置宽度,那就设置在表单元素上 ...
精通CSS.DIV网页样式与布局（五） ——设置表格与表单样式
原文地址为: 精通CSS.DIV网页样式与布局(五) --设置表格与表单样式表格和表单是网页中非常重要的两个元素,我们这次来说说CSS如何设置表格和表单样式.我们先来看看CSS如何控制表格. 首先表 ...
经典网页设计：20例与众不同的网页联系表单设计
网站是企业宣传和展示其产品的一个非常好的媒介,同时也是收集用户建议和评价的最佳途径.作为网站最重要的组成部分之一,联系表单是用户反馈信息的重要窗口.联系表单的设计应该具有创意性,能够吸引用户的注意力, ...
web网页的表单排版利器--960css
表单排版样式 960css 前言一般web网页的表单排版,大家都习惯用table排版,自己需要根据实际需要去定义TR和TD,很多时候对于TD的高宽度.是否合并行,合并列,都要去做一些处理,这些都是比 ...
html5新特性表单控件,老生常谈h5新特性1:(表单)
老生常谈h5新特性1:(表单) HTML5新特性 -- 十大新特性 (1)新的语义标签和属性 (2)表单新特性 (3)视频和音频 (4)Canvas绘图 (5)SVG绘图 (6)地理定位 (7)拖放A ...
用于设定表格样式的附加css,css设置表格与能表单样式.ppt
css设置表格与能表单样式第6章 CSS设置表格与表单样式学习目标什么是表格模型对数据表格应用样式. 创建简单和复杂的表单布局对各种表单元素应用样式. 掌握CSS中用列表制作各种菜单的方法. ...
HTML5基础智能表单
语义化标签:主要用于移动端低版本浏览器不可用 section:页面中的一个内容区块与div作用一样 header:页面中一个内容区块或整个页面的标题 nav:页面导航链接部 ...
css美化表格和表单样式
Css美化表格和表单样式表格创建默认是没有边框的,我们要用boder属性去设置表格的边框表格基本样式表格边框合并boder-collapse 在显示表格时,通常来说表格都是有边框的,边框的作用: ...
还不错的Table样式和form表单样式
作为一个后台开发人员而言,拥有一套属于自己的前台样式是比较重要的,这里分享一下自己感觉还不错的样式,以后遇到好的,还会陆续添加上图: 带鼠标滑动效果的table样式看起来比较清爽样式 <he ...
30个非常时尚的网页联系表单设计优秀示例
联系表单是网站最重要的组成部分之一,访客通过联系表单和网站所有者取得联系,反馈信息.新颖的网页表单设计能吸引用户的注意力,让更多的用户填写反馈信息.今天这篇文章和大家分享30个很时尚的网页联系表单设计 ...

HTML5网页设计基础——表单样式

案例：

代码：

HTML5网页设计基础——表单样式相关推荐

最新文章

热门文章