每日更新|TOP排行榜|Tag标签|充值

无忧首页网页模板程序模板建站教程视频教程网页特效图标素材字体下载站长工具站长问答

关闭顶部展开顶部

展开边栏关闭边栏

网页特效代码模板无忧>网页特效>表单按钮特效代码>

收藏分享查看评论表单按钮

一个不错的用CSS布局的表单_表单按钮特效

查看演示效果

特效Tag：CSS表单添加

缂佸洦鈪礑edeCMS鐟欏棝顣堕弫娆戔柤娑旀壆鈹栭梻锟� 缁夌喐婀囬崝鈥虫珤闁缍夌涵鏇氱鞍閼辨棑绱� 閺冪姴鍜栫粩娆撴毐瀹搞儱鍙�,閻ф儳瀹抽弶鍐櫢娑撯偓闁款喖鍙忛弻锟�!

一个不错的用CSS布局的表单，效果很不错，简洁实用，学习CSS布局很有用，尤其是上边的那个突起，很有创意。

<style>
        #thisform{
            font-family:Georgia,serif;
            font-size:12px;
            color:#999;
            }
        #thisform label {
            font-family:Verdana,sans-serif;
            font-weight:bold;
            color:#660000;
            }
        #thisform fieldset{
            border:1px solid #cc;
            padding:0 20px;
            }
        #thisform legend{
            font-family:arial,sans-serif;
            font-weight:bold;
            font-size:90%;
            color:#666;
            background:#eee;
            border:1px solid #ccc;
            border-bottom-color:#999;
            border-right-color:#999;
            padding:4px 8px;
            }            
    </style>
</head>
<body>
    <form action="" id="thisform" method="post">
        <fieldset>
            <legend>Sign In </legend>
            <p><label for="name" accesskey="9">Name:</label><br />
            <input type="text" id="name" name="name" tabindex="1"></p>
            <p><label for="email">Email:</label><br />
            <input type="text" id="email" name="email"tabindex="2"></p>
            <p><input type="checkbox" id="remeber" name="remeber" tabindex="3"/>
            <laber for="remeber">Remeber this info?</label></p>
            <p><input type="submit" value="submit" tabindex="4"/></p>
            </fieldset>
            </form>

</body>

所属频道：表单按钮特效/更新时间：2012-12-10

[收藏][报错][返回列表]

评论加载中....

相关表单按钮特效：

表单按钮特效Rss订阅特效代码搜索

表单按钮特效推荐

猜你也喜欢看这些

相关链接：
复制本页链接| 搜索一个不错的用CSS布局的表单
特效说明：
表单按钮模板-一个不错的用CSS布局的表单。

閺€鎯版&閸掑棔闊�

QQ缁屾椽妫�閺傜増姘顔煎触閼垫崘顔嗗顔煎触娴滆桨姹夌純锟�瀵偓韫囧啰缍�閻ф儳瀹抽幖婊嗘婢跺秴鍩楃純鎴濇絻閺囨潙顦�...