CSS中的input標簽是網(wǎng)頁表單元素中的重要組成部分,通過設(shè)置input的樣式,可以改變表單元素的外觀以及用戶與之交互的方式。以下是一些常用的input樣式設(shè)置。
/*改變輸入框的寬度和高度*/ input { width: 200px; height: 30px; } /*改變輸入框的邊框樣式*/ input { border: 2px solid #ccc; border-radius: 5px; } /*為輸入框添加邊框陰影效果*/ input { box-shadow: 2px 2px 5px #ccc; } /*改變輸入框的字體樣式*/ input { font-size: 16px; font-family: Arial, sans-serif; } /*更改輸入框的背景樣式*/ input { background-color: #f2f2f2; } /*改變輸入框的光標樣式*/ input:focus { cursor: pointer; border-color: #007bff; }
通過這些樣式設(shè)置,我們可以輕松地改善用戶表單填寫的體驗,讓網(wǎng)站表單變得更加美觀和易于使用。