2017-08-09 32 views
-4

请帮助我,我可以让我的CSS是形式....我怎样才能让这个以HTML5和CSS3

like this,

+4

1)学习HTM L. 2)学习CSS。 3)应用你学到的东西。 4)如果您有任何具体问题,请回到这里。 –

+0

你不能用CSS做到这一点。 –

+0

欢迎来到stackoverflow,发布之前,请确保尝试任何东西..如果你是新的尝试学习发布之前..快乐的编码 –

回答

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; 
} 

https://codepen.io/anon/pen/qXmaWL

+0

是否有另一种选择,使该HTML表单? –