現在我們可以使用CSS來美化文本框了!
首先,我們需要創建一個輸入框。在HTML中,我們使用input元素來創建一個文本框,如下所示:
這會創建一個文本框,可以讓用戶輸入他們的用戶名。但是,這個文本框看起來有點不協調。使用CSS,我們可以讓它看起來更好。
我們可以使用如下代碼去修改文本框:
input[type="text"] { border: 2px solid #ccc; border-radius: 50px; padding: 10px; font-size: 18px; }
這個CSS代碼指定了文本框的邊框樣式、圓角半徑、內邊距和字體大小。當我們使用這個代碼之后,文本框看起來更好了。
我們還可以添加一些額外樣式,如改變文本框背景色、添加陰影等等。總而言之,使用CSS可以讓你的文本框更加美觀和易于使用。