1.新建一個html文件,命名為test.html,用于講解利用CSS怎么讓文字居中。
2.在test.html文件內,使用div標簽創建一個模塊,并設置其class屬性為bob,下面將通過該class設置其css樣式。
3.在test.html文件內,在div標簽內,使用p標簽創建一行文字,下面將利用CSS讓文字居中。
4+在test.html文件內,編寫<styletype="text/css"></style>標簽,頁面的css樣式將寫在該標簽內。
5.在css標簽內,對類名為bob的div進行樣式設置,定義其寬度為300px,高度為30px,背景顏色為紅色。
6.在css標簽內,對p元素進行樣式設置,使用text-align屬性設置文字居中(center),文字顏色為白色。
7.在瀏覽器打開test.html文件,查看實現的效果。