CSS可以控制網(wǎng)頁上的各種元素,包括輸入框。那么,如何用CSS來設(shè)置input呢?
input { /* 設(shè)置寬度、高度和邊框 */ width: 200px; height: 30px; border: 1px solid #ccc; /* 設(shè)置背景顏色和字體顏色 */ background-color: #f2f2f2; color: #333; /* 設(shè)置內(nèi)邊距和外邊距 */ padding: 5px; margin: 10px 0; }
通過上述代碼,我們可以實現(xiàn)以下效果:
- 設(shè)置輸入框的寬度、高度和邊框樣式
- 設(shè)置輸入框的背景顏色和字體顏色
- 設(shè)置輸入框的內(nèi)邊距和外邊距
當然,這只是最基本的設(shè)置,我們還可以通過CSS來實現(xiàn)更多的樣式變化,例如:
/* 改變輸入框的圓角 */ input { border-radius: 5px; } /* 改變輸入框的陰影 */ input { box-shadow: 2px 2px 5px #ccc; } /* 改變輸入框的字體大小和樣式 */ input { font-size: 16px; font-weight: bold; }
有了這些設(shè)置,我們就可以根據(jù)實際需求來調(diào)整輸入框的樣式,讓網(wǎng)頁更加美觀、易用。
上一篇include的php