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

 时间: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如何制作动态标签页面效果
  • 热门搜索
    名爵汽车怎么样 同房时出血是怎么回事 怎么查路由器密码 十种最好吃的饺子馅 消除眼袋的最好方法 饺子馅怎么做好吃 茄子的做法大全家常 土味情话大全撩男朋友 安徽理工大学怎么样 白带像豆腐渣怎么回事