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

时间:2024-10-14 03:35:01

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

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

2、在css里 设置 背景颜色

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

3、div布局 再打两个div

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

4、给div加上id

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

5、先写顶部样式

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

6、再写左边的样式

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

7、在浏览器里看看效果

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

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

如何编写一个简单的网页布局
如何编写一个简单的网页布局
© 手抄报圈