欢迎大家光临【无师自通-教程网】您的到来是我们的荣幸。本站提供photoshop教程,ps教程,flash教程,cad教程,网页制作教程,excel教程,asp教程,vb教程,3d教程,c语言教程,html教程,coreldraw教程,dreamweaver教程,java教程,3dmax教程 等各种教程为主题的内容和服务,相信您会在这里找到您所需要的东东。无师自通伴您一生-谢谢您的光临!!
网站地图 设为首页
简繁切换 加入收藏
栏目待定 留言本站
您现在的位置: 无师自通-教程网 >> WEB开发 >> HTML教程 >> HTML技巧 >> 教程正文

  没有公告

教程: HTML教程-HTML技巧-圆弧边角的输入框(需要两张图片) 更多...
教程: HTML教程-HTML技巧-圆弧边角的输入框(需要两张图片)


<HTML>
<HEAD>
<TITLE></TITLE>
<style type="text/css">
.input
{
font-family: "Arial", "Helvetica", "sans-serif";
font-size: 9px;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
background-color: #ffffff;
;
height: 15px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FF6600;
border-right-color: #FF6600;
border-bottom-color: #FF6600;
border-left-color: #FF6600;

}
</style>
</HEAD>

<BODY bgcolor="white">
<table width="66" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="2"><img src="http://www.12586.com/images/input_l.gif" width="2" height="15"></td>
<td width="62"><input name="uid" type="text" class="input" id="uid" onFocus="this.select()" onMouseOver="this.focus()" value="1234567" size="10" maxlength="7"></td>
<td width="2"><img src="http://www.12586.com/images/input_r.gif" width="2" height="15"></td>
</tr>
</table>
</BODY>
</HTML>

需要图片
http://www.12586.com/images/input_r.gif
http://www.12586.com/images/input_l.gif
其实就是两个圆弧的图片



教程录入:admin    责任编辑:admin 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
     
     
     
     

    asp连接mysql数据库

    asp连接mysql数据库-2

    frontpage2000教程---制作主页
    免责声明!本站资料大部分来自于互联网,其版权归原作者或其他合法者所有.如内容涉及或侵犯了您的权益,请通知本人,我将尽快处理!.欢迎您的光临。
    辽ICP备07003958号
    无师自通,伴你一生-教程网