CSS3提交意见输入框样式_html/css_WEB-ITnose

php中文网
发布: 2016-06-24 11:55:18
原创
1512人浏览过

做了个输入框样式,如图:


CSS代码如下:

立即学习前端免费学习笔记(深入)”;

先见AI
先见AI

数据为基,先见未见

先见AI 95
查看详情 先见AI
#button {    cursor:pointer;    width:30%;    margin:5px;    padding:8px;    border-radius:4px 4px 4px 4px;    font-size:14px;    font-weight:bold;}input{	transition:all 0.30s ease-in-out;	-webkit-transition: all 0.30s ease-in-out;	-moz-transition: all 0.30s ease-in-out;		border:#364f86 1px solid;	border-radius:3px;	outline:none;}input:focus{	box-shadow:0 0 5px rgba(81, 203, 238, 1);	-webkit-box-shadow:0 0 5px rgba(81, 203, 238, 1);	-moz-box-shadow:0 0 5px rgba(81, 203, 238, 1);}textarea{	transition:all 0.30s ease-in-out;	-webkit-transition: all 0.30s ease-in-out;	-moz-transition: all 0.30s ease-in-out;		border:#364f86 1px solid;	border-radius:3px;	outline:none;}textarea:focus{	box-shadow:0 0 5px rgba(81, 203, 238, 1);	-webkit-box-shadow:0 0 5px rgba(81, 203, 238, 1);	-moz-box-shadow:0 0 5px rgba(81, 203, 238, 1);}
登录后复制

table代码如下:

立即学习前端免费学习笔记(深入)”;

立即学习前端免费学习笔记(深入)”;

<table>                               <tr>                    <td>用户名</td>                    <td><input name="username" type="text" id="username" placeholder="用户名"  style="height:25px"></input>*</td>                </tr>                                              <tr>                    <td>联系方式</td>                    <td><input name="contact" type="text" id="contact" placeholder="电话或邮件地址"  style="height:25px"></input>*</td>                </tr>                <tr>                    <td>意见及建议</td>                    <td><textarea name="comment" id="comment" rows="9" cols="112" ></textarea></td>                </tr>               			    			    <tr>				<td colspan="2"align="center"><input type="submit" id="button" value="提交" /></td>			    </tr></table>
登录后复制


立即学习前端免费学习笔记(深入)”;

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号