1.新建一個html文件,命名為test.html,用于講解div+css怎么調輸入框的大小位置。
2.在test.html文件內,使用div創建一個模塊,并設置div的id為mydiv。
3.在test.html文件內,在div標簽內,使用input標簽創建一個輸入框。
4.在css標簽中,通過類名mydiv設置div的樣式,定義其寬度為300px,高度為200px,背景顏色為灰色。
5.在css標簽中,使用margin-top來定義input的位置,距離div的上邊緣為50px,使用width和height屬性設置input輸入框的大小為,長150px,高度為30px
6.在瀏覽器打開test.html文件,查看實現的效果。