仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 2164|回复: 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-3-19 11:55:43 | 显示全部楼层
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-5-7 14:34

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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