如何编写一个简单的网页布局

 时间:2026-04-22 09:53:30

1、先生成基本代码 vscode里shift+1打出 !号 然后回车这样基本代码就生成了

如何编写一个简单的网页布局

2、在css里 设置 背景颜色 

如何编写一个简单的网页布局

3、div布局 再打两个div 

如何编写一个简单的网页布局

4、给div加上id

如何编写一个简单的网页布局

5、 先写顶部样式

如何编写一个简单的网页布局

6、再写左边的样式

如何编写一个简单的网页布局

7、在浏览器里看看效果

如何编写一个简单的网页布局

8、感觉 顶部没铺满有细缝 只要在body标签里加  margin: 0px; 就好了

再看看效果

如何编写一个简单的网页布局

如何编写一个简单的网页布局

  • AxureRP如何为中继器添加列单元
  • axure中怎样设置文本框提示并在输入时隐藏提示
  • 视频极快速上字幕方法 Pr/Fcut/Edius/Vegas通用
  • PR剪辑视频怎么添加Alpha 调整
  • Axure如何制作动态标签页面效果
  • 热门搜索
    尿频是怎么回事 word怎么调行距 烤箱怎么做蛋糕 淘宝怎么看一共花了多少钱 腹直肌分离怎么恢复 怎么写议论文 泰拉瑞亚怎么钓鱼 页眉横线怎么删除 冻豆腐怎么做 神仙鱼怎么养