仓酷云

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

[DIV+CSS] DIV教程之用CSS完成表格背景色彩突变效果

[复制链接]
活着的死人 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:24:48 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
搜索引擎更加友好。相对与传统的table,采用DIV+CSS技术的网页,对于搜索引擎的收录更加友好。
怎样用CSS完成表格背景色彩的突变效果呢,请看上面的例子:
<style>td{text-align:center;color:white;font-family:宋体;font-size:14px;}table{table-layout:fixed;border:1dashedblue;width:567;height:234;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FFFF00000,endcolorstr=#FFFFFF00,gradientType=0);}body{filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF00119d,endcolorstr=#FF000000,gradientType=1);}</style><center><tableborder="0"cellspacing="20"cellpadding="2"><tr><tdstyle="filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FFFF00000,endcolorstr=#FFFFFF00,gradientType=1)">网页陶吧</td><tdstyle="filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF00119f,endcolorstr=#FF09FFFF,gradientType=1)">网页陶吧供应单元或团体建站的全套服务,包含建站指南(建站流程,网站形式,网站范例,主机和域名等)、网站制造(网页工具、标志言语、网页殊效等)、网站推行(网页优化,W3C尺度,搜刮引擎研讨、网站推行体例等)和收集新手艺和新形式(web2.0,ajax,垂直搜刮引擎等)</td></tr><tr><tdstyle="filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FFFFee00,endcolorstr=#FF09FF00,gradientType=1)">龙犊</td><tdstyle="filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=deeppink,endcolorstr=#FF09FF00,gradientType=1)"><B><fontcolor="#22FF22">网</font><fontcolor="#FF2222">页</font><fontcolor="#001199">陶</font><fontcolor="#00fffa">吧</font></B></td></tr></table><scriptlanguage="Javascript">varnow=newDate();document.write("</noscript>
运转代码复制代码另存代码

另外如果你不是javascrput的高手,你可以不必去写ID,只用class就可以。当客户端程序员写完程序,需要调整时候,你可以在利用他的ID进行控制。
飘灵儿 该用户已被删除
沙发
发表于 2015-1-17 16:07:15 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
愤怒的大鸟 该用户已被删除
板凳
发表于 2015-1-20 23:44:56 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
小女巫 该用户已被删除
地板
发表于 2015-1-30 07:33:16 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
变相怪杰 该用户已被删除
5#
发表于 2015-2-6 09:00:38 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
深爱那片海 该用户已被删除
6#
发表于 2015-2-15 21:36:13 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
7#
发表于 2015-3-4 14:41:12 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
不帅 该用户已被删除
8#
发表于 2015-3-11 20:09:03 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
活着的死人 该用户已被删除
9#
 楼主| 发表于 2015-3-19 11:55:43 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
分手快乐 该用户已被删除
10#
发表于 2015-3-28 02:38:04 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-22 15:23

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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