當我們設計一個網站時,通常需要讓用戶填寫個人信息,這些信息包括姓名、性別、年齡、聯系方式等。有時,我們需要將這些信息進行美化,使得網站看起來更加美觀。這就需要使用CSS來添加樣式。
/* CSS代碼 */ input[type="text"], input[type="number"], input[type="email"], textarea { padding: 10px; font-size: 14px; border: none; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.3); background: #f2f2f2; margin-bottom: 20px; } input[type="submit"] { padding: 10px 20px; background: #007bff; color: #fff; border: none; border-radius: 5px; cursor: pointer; } label { display: block; font-size: 14px; font-weight: bold; margin-bottom: 5px; }
上述代碼是一個添加用戶信息的基本樣式,其中使用了input標簽來添加輸入框,label標簽來添加標簽,textarea標簽用于多行文本輸入,input[type="submit"]用于添加提交按鈕。
在此基礎上,可以根據需求進行進一步的樣式調整。比如可以添加hover效果和點擊效果、在輸入框中添加默認文字提示等。
總之,通過合適的CSS樣式調整,可以讓用戶填寫個人信息的過程更加美觀、舒適,同時也會增強網站的整體印象。
上一篇添加小鼠標css
下一篇mysql中添加行數列數