在沒有使用CSS的情況下,我們仍然可以輕松地創建文本框。HTML提供了一個能夠創建文本輸入框的標簽,就是<input>標簽。它有一個type屬性,我們可以將其設置為text來創建一個文本框。
下面是一個最基本的文本框代碼:
<input type="text">
以上代碼將會創建一個空文本框,我們可以輸入文本或數字等。但是,這是一個非常簡單的文本框,只有黑色的文字和白色的背景。我們可以使用一些簡單的HTML屬性來改變顏色和樣式:
要修改文本框的寬度和高度,可以使用CSS width和height屬性:
<input type="text" style="width:300px; height:50px;">
要更改文本框的顏色,可以使用CSS的background-color屬性:
<input type="text" style="background-color: #eee;">
我們可以使用CSS的border屬性來修改文本框的邊框:
<input type="text" style="border: 2px solid #ccc;">
為了讓文本框看起來更漂亮,我們還可以添加一些陰影和圓角的效果,使用CSS的box-shadow和border-radius屬性:
<input type="text" style="box-shadow: 2px 2px 5px #999; border-radius: 5px;">
以上代碼將創建一個帶有陰影和圓角的文本框。
使用HTML和CSS,我們可以輕松地創建一個美觀的文本框。這里只是一些基本的屬性,我們可以根據需要添加更多的CSS樣式來自定義文本框。
上一篇法國css生效時間