在網頁中,用戶輸入信息非常常見,因此input標簽也非常常見。
然而,有時我們需要給input標簽添加一些樣式,以使其與網頁的整體風格相符。這時我們可以使用CSS樣式表來實現。
/* 給input標簽加上邊框樣式 */ input { border: 1px solid #ccc; border-radius: 5px; padding: 5px; } /* 鼠標懸停時修改背景顏色 */ input:hover { background-color: #f5f5f5; } /* 激活狀態時修改背景顏色 */ input:focus { background-color: #fff; border: 2px solid #2196f3; }
上面的CSS代碼為input標簽添加了邊框樣式、懸停和激活狀態下的背景顏色樣式。
使用CSS樣式表給input標簽添加樣式,可以使網頁看起來更加美觀。同時,也可以提高網頁的用戶交互性。