-4
A
回答
2
<div class="container">
<table>
<tr>
<td><p>Name</p><span>Add your name</span></td>
<td><input type="text" /></td>
</tr>
<tr>
<td><p>Email</p><span>Enter a valid email</span></td>
<td><input type="text" /></td>
</tr>
<tr>
<td><p>Phone</p><span>Add a phone number</span></td>
<td><input type="text" /></td>
</tr>
<tr>
<td><p>Priority</p><span>Priority level</span></td>
<td><select><option>Low</option></select></td>
</tr>
<tr>
<td><p>Type</p><span>Type of contact</span></td>
<td><select><option>Website Update</option></select></td>
</tr>
<tr>
<td><p>Message</p><span>Type your Message</span></td>
<td><textarea></textarea></td>
</tr>
</table>
<br>
<button>Submit</button>
</div>
CSS
body{
text-align:center;
}
.container{
display: inline-block;
width: 800px;
height: 600px;
background-color: #ebf4fb;
border: 2px solid #d3e7f2;
}
table{
display: inline-block;
}
td{
text-align: right;
padding:5px 10px;
}
td > p{
margin: 0;
padding: 0;
font-size:11pt;
font-weight: bold;
}
td > span{
font-size: 9pt;
}
td > input[type=text]{
width: 400px;
height: 30px;
}
td > textarea{
width: 100%;
height: 200px;
}
button{
width: 140px;
height: 50px;
background-color: black;
color: white;
border:none;
}
+0
是否有另一种选择,使该HTML表单? –
相关问题
- 1. 我怎样才能让使用CSS3
- 2. 我怎样才能让这个更好
- 3. 我怎样才能让这样的
- 4. 我怎样才能在HTML5
- 5. 我怎样才能让这更干?
- 6. 我怎样才能让
- 7. 我怎样才能让这个生成0.00和100?
- 8. 我怎样才能让这样的使用CSS和DIV
- 9. 我怎样才能使这个JQuery的动画()与css3动画?
- 10. 我怎样才能开始使用CSS3
- 11. 我怎样才能让这个JButton重绘我的Die Graphics?
- 12. HTML5:我怎样才能让我的画布忘记旧像素?
- 13. 我怎样才能让这个脚本运行多个字
- 14. 我怎样才能让这个MySQL查询2个表
- 15. 我怎样才能使这个代码
- 16. 我怎样才能循环这个
- 17. 我怎样才能分开这个NSString?
- 18. jQuery - 我怎样才能简化这个?
- 19. 我怎样才能加入这个SQL?
- 20. 怎样才能在HTML5
- 21. 我怎样才能让这个程序更优雅?
- 22. 我怎样才能让这只有一个元素?
- 23. 我怎样才能让这个动态表单起作用?
- 24. 我怎样才能让这个点击持续发生?
- 25. 我怎样才能让这个弹出窗口
- 26. 我怎样才能让这个程序忽略标点符号
- 27. 我怎样才能让这两个div彼此垂直显示?
- 28. 我怎样才能让这个Java方法完全通用
- 29. 我怎样才能让这个循环更快
- 30. 我怎样才能让这个ASP.NET MVC SelectList工作?
1)学习HTM L. 2)学习CSS。 3)应用你学到的东西。 4)如果您有任何具体问题,请回到这里。 –
你不能用CSS做到这一点。 –
欢迎来到stackoverflow,发布之前,请确保尝试任何东西..如果你是新的尝试学习发布之前..快乐的编码 –