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

 时间: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如何制作动态标签页面效果
  • 热门搜索
    欢途旅游网同业平台 河内旅游 新乡旅游网 南安旅游景点大全 楚雄旅游景点大全 京都旅游攻略 泰国苏梅岛旅游攻略 上海旅游人才网 攀枝花旅游景点大全 重庆周边旅游景点介绍