仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 770|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 来谈谈:用CSS计划高体验的表单显现效果示例

[复制链接]
小妖女 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:13:14 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。
<styletype="text/css">
.input1{
font-family:verdana;background-color:#EEEEEE;border-bottom:#FFFFFF1pxsolid;border-left:#CCCCCC1pxsolid;border-right:#FFFFFF1pxsolid;border-top:#CCCCCC1pxsolid;font-size:12px;
}
.input1-bor{
font-family:verdana;background-color:#F0F8FF;font-size:12px;
border:1pxsolid#333333;}
</style>
<tablecellspacing=2cellpadding=0width=300border=0>
<tr>
<td><fontclass="en1">姓名:</font></td>
<td><inputsize=40name=nameclass="input1">
</td>
</tr>
<tr>
<td><fontclass="en1">邮箱:</font></td>
<td><inputsize=40name=emailclass="input1"></td>
</tr>
<tr>
<td><fontclass="en1">网址:</font></td>
<td><inputsize=40name=urlclass="input1">
</td>
</tr>
<tr>
<td><fontclass="en1">主题:</font></td>
<td><inputsize=40name=subjectclass="input1">
</td>
</tr>
<tr>
<td><fontclass="en1">内容:</font></td>
<td><textareaname=messagerows=5cols=35class="input1"></textarea></td></tr></table><scriptlanguage="Javascript">
varnow=newDate();
document.write("
.input1{
font-family:verdana;background-color:#EEEEEE;border-bottom:#FFFFFF1pxsolid;border-left:#CCCCCC1pxsolid;border-right:#FFFFFF1pxsolid;border-top:#CCCCCC1pxsolid;font-size:12px;
}
.input1-bor{
font-family:verdana;background-color:#F0F8FF;font-size:12px;
border:1pxsolid#333333;}
</style>
<tablecellspacing=2cellpadding=0width=300border=0>
<tr>
<td><fontclass="en1">姓名:</font></td>
<td><inputsize=40name=nameclass="input1">
</td>
</tr>
<tr>
<td><fontclass="en1">邮箱:</font></td>
<td><inputsize=40name=emailclass="input1"></td>
</tr>
<tr>
<td><fontclass="en1">网址:</font></td>
<td><inputsize=40name=urlclass="input1">
</td>
</tr>
<tr>
<td><fontclass="en1">主题:</font></td>
<td><inputsize=40name=subjectclass="input1">
</td>
</tr>
<tr>
<td><fontclass="en1">内容:</font></td>
<td><textareaname=messagerows=5cols=35class="input1"></textarea></td></tr></table>
</p>
在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识。
小魔女 该用户已被删除
沙发
发表于 2015-1-18 05:33:07 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
板凳
发表于 2015-1-24 11:32:13 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
金色的骷髅 该用户已被删除
地板
发表于 2015-2-1 10:00:07 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
再见西城 该用户已被删除
5#
发表于 2015-2-7 03:47:38 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
分手快乐 该用户已被删除
6#
发表于 2015-2-20 14:03:49 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
愤怒的大鸟 该用户已被删除
7#
发表于 2015-3-13 06:11:38 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
深爱那片海 该用户已被删除
8#
发表于 2015-3-20 15:46:02 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 04:50

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表