【用HTML实现凸（凹）起的立体效果的表格】的更多相关文章

用HTML实现凸（凹）起的立体效果的表格

视觉效果如下: 实现这个效果主要用到的是<table>标签的bordercolorlight和bordercolordark两个属性.不过在测试的过程中,我发现有的浏览器不支持这两个属性,比如我用的UC浏览器.但我更换成IE浏览器过后,就得到了我想要的立体效果. 注:如果要使用这两个属性,前提必须是border的值大于1. 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta cha…

表格table常见的边框设置和初步的立体效果

做网页时经常会遇到表格,常见的表格如下: <style type="text/css"> .tbtest0 { width:500px; height:200px; border:1px solid #331067; } .tbtest0 td { border:1px solid #331067; } </style> <table class="tbtest0"> <tr><td></td>…

WPF绘制党徽(立体效果,Cool)

原文:WPF绘制党徽(立体效果,Cool) 前面用WPF方式绘制了党旗(WPF制作的党旗) ,去年3月份利用C# 及GDI+绘制过党徽,这次使用WPF来绘制党徽. --------------------------------------------------------------------------------引用或转载时请保留以下信息:大可山 [MSN:a3news(AT)hotmail.com] http://www.zpxp.com http://www.brawdraw.co…

CSS3文字立体效果

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>非常棒的CSS3立体效果</title> </head> <body> <div><A href="http://www.999jiujiu.com/">http://www.999j…

3D旋转仿伪3D立体效果，手机端

偶然在书上看到这段代码,感觉很舒服,直街附代码吧,原生JS.手机端旋转效果仿立体效果. 纯JS代码足够了. var img=document.createElement('img'); img.setAttribute('src','1.png'); function handle(e) { var alpha = e.alpha, beta = e.beta, gamma = e.gamma; img.style.webkitTransform = "rotateZ(" + alph…

WPF中制作立体效果的文字或LOGO图形(续)

原文:WPF中制作立体效果的文字或LOGO图形(续) 上篇"WPF中制作立体效果的文字或LOGO图形"(http://blog.csdn.net/johnsuna/archive/2008/04/20/2309778.aspx )中讲述了立体LOGO图形的制作方法.从程序开发人员的角度来讲,这样的做法是不能令人满意的.首先,费时费力效率不高:其次,完全没有通用性. 那么,有没有办法通过程序首先打开用户的矢量图形文件(比如:*.AI格式),然后对这个AI格式文件进行编程控制,并最终由程序…

WPF中制作立体效果的文字或LOGO图形

原文:WPF中制作立体效果的文字或LOGO图形 较久之前,我曾写过一篇:"WPF绘制党徽(立体效果,Cool) "的博文.有感兴趣的朋友来EMAIL问是怎么制作的?本文解决此类问题.有时,为了美观的需要,我们可能需要在应用程序中制作一些看上去很酷的3D效果,比如下面的效果:这是一种立体的纯文字效果,或许你可以在网上找到相关工具自动生成图片,但如果是需要生成矢量的XAML图形文件,这样的工具少之又少.关于3D文字的问题,你可以参见大名鼎鼎的Charles Petzold在MSDN上的两篇…

使用CSS3制作立体效果的导航菜单

效果如下: 也可以点击网址查看效果:http://keleyi.com/keleyi/phtml/html5/12.htm 请使用支持CSS3的浏览器访问本页面,获得更好效果. 源代码: <style> .keleyi-com-nav{ width:520px; height: 50px; font:bold 0/50px Arial; text-align:center; margin:40px auto 0; border-radius: 8px; } .keleyi-com-nav a{…

【javascript实例】 具有立体效果的图片浏览器

此实例,直接粘贴代码即可运行,当然图片的路径不要忘记改了. 此实例是我一遍学习一边写出来的,希望能够帮到大家,一起学习.效果如图所示: html代码如下所示: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>图片浏览工具制作</title> <script type="…

windows之实现3D立体效果的三种方法

第一种:快捷键:win+tab 另外一种:cmd输入rundll32.exe dwmapi #105 第三种:使用软件bumptop…