CSS表單中的文字是非常重要的,因為它可以幫助用戶正確填寫表單信息并提供反饋。在這篇文章中,我們將探討如何在CSS表單中使用文字。
label { font-weight: bold; margin-bottom: 5px; display: block; } input[type="text"], input[type="email"], textarea { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-bottom: 20px; } input[type="submit"] { background-color: #4CAF50; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; } input[type="submit"]:hover { background-color: #45a049; } .error { color: red; font-style: italic; font-size: 12px; margin-top: 5px; }
在這個例子中,我們使用了
另外,我們使用CSS樣式來裝飾表單輸入項和提交按鈕。這些樣式不僅美化了表單,還提供了一些反饋,如鼠標懸停在提交按鈕上時的背景顏色改變。
最后,我們還添加了一個.error類來調整錯誤信息的樣式。當用戶提交表單時,如果輸入項中的值不符合要求,我們可以通過這個類來設置相應的錯誤信息,以便用戶及時發(fā)現和修正錯誤。
上一篇css表單長寬