CSS3提交意見輸入框樣式

標籤：tac   com   hold   border   sha   comment   img   css   row   

做了個輸入框樣式，

CSS代碼例如以下：

#button {    cursor:pointer;    width:30%;    margin:5px;    padding:8px;    border-radius:4px 4px 4px 4px;    font-size:14px;    font-weight:bold;}input{transition:all 0.30s ease-in-out;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;border:#364f86 1px solid;border-radius:3px;outline:none;}input:focus{box-shadow:0 0 5px rgba(81, 203, 238, 1);-webkit-box-shadow:0 0 5px rgba(81, 203, 238, 1);-moz-box-shadow:0 0 5px rgba(81, 203, 238, 1);}textarea{transition:all 0.30s ease-in-out;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;border:#364f86 1px solid;border-radius:3px;outline:none;}textarea:focus{box-shadow:0 0 5px rgba(81, 203, 238, 1);-webkit-box-shadow:0 0 5px rgba(81, 203, 238, 1);-moz-box-shadow:0 0 5px rgba(81, 203, 238, 1);}

table代碼例如以下：

<table>                               <tr>                    <td>使用者名稱</td>                    <td><input name="username" type="text" id="username" placeholder="使用者名稱"  style="height:25px"></input>*</td>                </tr>                                              <tr>                    <td>連絡方式</td>                    <td><input name="contact" type="text" id="contact" placeholder="電話或郵件地址"  style="height:25px"></input>*</td>                </tr>                <tr>                    <td>意見及建議</td>                    <td><textarea name="comment" id="comment" rows="9" cols="112" ></textarea></td>                </tr>                       <tr><td colspan="2"align="center"><input type="submit" id="button" value="提交" /></td>    </tr></table>

CSS3提交意見輸入框樣式