<%--兼容IE7 必须放在 head 的第一行--%>
独上高楼网站
  • 圆弧边角的输入框(需要两张图片)
  • < 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.ddvip.net/web/html/index2/"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.ddvip.net/web/html/index2/"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
    其实就是两个圆弧的图片

  • 与本文主题相关的文章