仓酷云

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

[DIV+CSS] 带来一篇表格边框暗影和背景突变效果

[复制链接]
透明 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:26:52 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

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

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

x
在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
表格边框暗影效果,先看代码:
以下是援用片断:
<style>
table{filter:progid:DXImageTransform.Microsoft.Shadow
(Color=#333333,Direction=120,strength=5)}
</style>
<tablealign=centerwidth=400height=200bgcolor=red>
<tr>
<td><ahref="http://homepage.yesky.com/"><fontcolor=white>网页陶吧改版啦</font></a></td></tr></table>
运转一下:
<style>table{filter:progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=120,strength=5)}</style><tablealign=centerwidth=400height=200bgcolor=red><tr><td><ahref="http://homepage.yesky.com/"><fontcolor=white>网页陶吧改版啦</font></a></td></tr></table>
表格背景突变效果,先看代码:
以下是援用片断:
<tablestyle="FILTER:Alpha(style=1,opacity=25,finishOpacity=100,startX=0,finishX=100,startY=0,finishY=100);BACKGROUND-COLOR:#ff0000">
<tr><td><ahref="http://homepage.yesky.com/"><fontcolor=white>网页陶吧改版啦</font></a></td></tr></table>
运转一下:
<tablestyle="FILTER:Alpha(style=1,opacity=25,finishOpacity=100,startX=0,finishX=100,startY=0,finishY=100);BACKGROUND-COLOR:#ff0000"><tr><td><ahref="http://homepage.yesky.com/"><fontcolor=white>网页陶吧改版啦</font></a></td></tr></table>
</p>
所有的设计第一步就是构思,构思好了。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-5-12 12:06

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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