當前位置:妙知谷 >

母嬰教育 >學習交流 >

網頁設計教程:怎麼讓頁面居中顯示

網頁設計教程:怎麼讓頁面居中顯示

頁面居中對齊的方式有很多種實現方法。下面,我們來看看怎麼讓頁面居中顯示吧。

操作方法

新建html頁面
首先打開visual studio軟件,然後新建一張HTML頁面,如下圖所示:

網頁設計教程:怎麼讓頁面居中顯示

main
然後創建一個div,名稱為main,隨便寫上一些文字,如下圖所示:

網頁設計教程:怎麼讓頁面居中顯示 第2張

居中對齊
然後對body主題設置樣式,代碼為body{ margin:0 auto;width:780px;}如下圖所示:

網頁設計教程:怎麼讓頁面居中顯示 第3張

預覽效果
在瀏覽器中的預覽效果如下圖所示:

網頁設計教程:怎麼讓頁面居中顯示 第4張
標籤: 頁面 網頁 居中
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/jy/jiaoliu/9jmmd.html