新建一個html文件,定名為test.html,用于講解html中怎么用CSS固心猿意馬一個div模塊位置不變。
在test.html頁面中,建立一個div模塊,并在div內寫上測試的文字,用于測試。
在test.html頁面中,利用css設置div的寬度為100%,高度為100px。 代碼如下:
在test.html頁面中,利用css設置div內的文字垂直、程度居中,并設置文字的巨細為30px。代碼如下:
在test.html頁面中,利用css設置div內的文字顏色為白色,同時設置div的布景顏色為紅色。代碼如下:
最后,在test.html頁面中,利用css設置div的位置屬性為absolute,即在頁面中固定位置,并利用bottom設置div固心猿意馬在頁面的底部。
在瀏覽器打開test.html頁面,可見,div當作功固心猿意馬在頁面的底部。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!