记得在某浪网站上看到过一个漂亮的纯Css特效的调查表,看了一下代码,没有使用任何图片,但是非常漂亮,于是最火软件站(原烈火网)就把这个代码整理出来了,希望对您有帮助吧。 演示: <html> <head> <title>Veryhuo.com调查问卷</title> <style> <!-- table.outside{ /* 外层表格 */ background:url(bg1.jpg); font-size:12px; padding:0px; } td.title{ /* 表格标题 */ color:#FFFFFF; font-weight:bold; text-align:center; padding-top:3px; padding-bottom:0px; } td.tdoutside{ padding:0px 1px 4px 1px; } table.inside{ /* 内层表格 */ width:269px; font-size:12px; padding:0px; margin:0px; } td.tdinside{ padding:7px 0px 7px 10px; background-color:#FFD455; } form{ margin:0px; padding:0px; } input{ font-size:12px; } a{ color:#000000; text-decoration:underline; } --> </style> </head> <body> <table class="outside"> <tr><td class="title">热点调查</td></tr> <tr><td class="tdoutside"> <form method="post"> <table class="inside" cellspacing="0"> <tr> <td class="tdinside"> 你对现在的Veryhuo.COM满意吗?<br> <input type="radio" name="q_498" value="2749">超过90%<br> <input type="radio" name="q_498" value="2750">50%到90%<br> <input type="radio" name="q_498" value="2751">40%到50%<br> <input type="radio" name="q_498" value="2752">40%到50%<br> <input type="radio" name="q_498" value="2753">30%以下<br> <input type="submit" value="提交"> <input type="button" name="viewresult" value="查看"> <a href="http://www.verhuo.com/">返回网站首页</a> </td> </tr> </table> </form> </td></tr> </table> </body> </html><div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能显示效果,请按Ctrl+F5刷新本页,更多网页代码:<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></div>提示:可修改后代码再运行! 文章导航 基于css仿制的excel表格特效 可以输入文字CSS自动截断表格内的长字符 以省略号显示