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

 时间: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如何制作动态标签页面效果
  • 热门搜索
    北京炸酱面的做法 日记格式怎么写 栖怎么读 加油英语怎么说 guess怎么读 奶油的做法 情书怎么写 黄豆芽的做法 微信红包封面怎么设置 非牛顿流体怎么做