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

 时间:2026-02-14 21:52:44

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如何制作动态标签页面效果
  • 热门搜索
    如何挽回一个男人的心 慈禧的秘密生活完整版 bg是什么意思 如何快速瘦小腿 碎银子是什么茶 寡妇年是什么意思 腐男子高校生活 随遇而安的意思是什么 复盘是什么意思 住房公积金如何提取