-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,發佈之前,請確保嘗試任何東西..如果你是新的嘗試學習發佈之前..快樂的編碼 –