CSS无图完成漂亮的“热点调查”效果

发布时间：2018-08-13 16:22:58 所属栏目：访谈来源：站长网

导读：记得在某浪网站上看到过一个漂亮的纯Css特效的调查表，看了一下代码，没有使用任何图片，但是非常漂亮，于是最火软件站（原烈火网）就把这个代码整理出来了，希望对您有帮助吧。演示： htmlheadtitleVeryhuo.com调查问卷/titlestyle!--table.outside{ /*

　　记得在某浪网站上看到过一个漂亮的纯Css特效的调查表，看了一下代码，没有使用任何图片，但是非常漂亮，于是最火软件站（原烈火网）就把这个代码整理出来了，希望对您有帮助吧。

　　演示：

<html> <head> <title>Veryhuo.com调查问卷</title> <style>  </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>
提示：可修改后代码再运行!

（编辑：厦门网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!