html - 移动表格帮助 facebook 风格

Question

您好，我正在尝试制作此表格，但它看起来不正确，有人可以帮助修复它吗？感谢您提供的所有帮助 :)。 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>

Answer 1

我使用 padding 形式和 flex 使用的 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/