步驟如下:
1.首先在css中,可以使用width和height屬性來設置input元素的大小。
2.只需要給input元素添加“width:寬度值;height:高度值;”樣式即可。
3.input屬于行內替換元素,效果等于塊元素,所以可設置width和height值,即可設置輸入框光標的大小了。
html5設置復選框的寬度和高度一般是結合CSS3來設置的, Click Me! 這樣寬高就設置好了。
1、首先,用div標簽在網頁中,插入一個可以輸入文本的搜索框。
2、在標簽中設置搜索框的標識,標識名為lookuptxt。
3、設置搜索框以左側為基準浮動,襯距為20像素。
4、用input插入輸入文本框,類型為文本,標識為choosetxt。
5、輸入文本框離左側的襯距為10像素,高度為22像素,寬度為180像素,離頂部的襯距為16像素。
6、邊框的寬度設置為2像素,顏色為藍色,輸入框的背景色設置為00ffff。
7、接著,用div標簽插入搜索按鈕,標識符為lookupbtn。
8、搜索按鈕以左側為基準浮動,寬度為60像素,高度為22像素。
9、按鈕的顏色設置為藍色,字體為20像素,離頂部和左側的襯距都設置為22像素。
10、單擊搜索按鈕后,運行搜索命令,用函數Btnselect實現搜索功能
11、最后,不要忘了插入搜索按鈕的文本。
12、在網頁中瀏覽程序,在頂部顯示輸入文本框和搜索按鈕,實現搜索欄的功能。
列表項的間距可以通過 margin 或 padding 值設置