CSS是一種強大的樣式語言,可以給網頁添加各種各樣的效果,包括文本框。在CSS中,使用div元素可以創建文本框,可以用多種方式來設置樣式,例如設置文本框的顏色、文字大小、邊框樣式等。
.text-box { width: 300px; height: 100px; border: 1px solid #ccc; padding: 10px; font-size: 16px; color: #333; }
上面的代碼設置了一個class為text-box的div元素,其中width和height屬性設置了文本框的寬度和高度,border屬性設置了邊框的樣式和顏色,padding屬性設置了內邊距,以便讓文本內容有一定的間隔和空白,font-size屬性設置了文本的大小,color屬性設置了文本的顏色。
要在網頁中添加這種文本框,需要在HTML代碼中創建一個div元素,然后添加class屬性,屬性值為text-box,就可以了。
<div class="text-box"> 這里是文本框 </div>
上面的代碼中,在div元素的開始標簽中添加了class屬性,屬性值是text-box,代表這個div元素需要應用上面的CSS樣式。在div元素的結束標簽之前,可以輸入文本框中要顯示的文本內容。
這樣,在網頁中就可以顯示一個帶有樣式的文本框了。