移动表格帮助Facebook风格

时间:2014-04-08 02:24:12

标签: html css facebook

您好我正在尝试制作此表单并且看起来不对,任何人都可以帮忙修复它吗?谢谢你的帮助:)。 http://jsfiddle.net/Srw6Q/

<form>
    <input style="font-size:46px; margin-bottom:-3px; border-bottom: solid 1px black; padding: 25px" type="text" name="email" placeholder="Email"> <br/>
    <input style="font-size:46px; border-bottom: solid 1px black; padding: 25px" type="password" name="pass" placeholder="Password">
</form>

img

1 个答案:

答案 0 :(得分:1)

我使用填充表单和曲线使用的border-radius

尝试

<form style="background: #425EA1; padding: 10px 20px">
    <input style="font-size:46px; margin-bottom:-3px; border-bottom: solid 1px black; padding: 25px; border-radius: 25px 25px 0 0" type="text" name="email" placeholder="Email"> <br/>
        <input style="font-size:46px; border-bottom: solid 1px black; padding: 25px; border-radius: 0 0 25px 25px;" type="password" name="pass" placeholder="Password"/>
</form>

http://jsfiddle.net/tamilcselvan/5qHRD/