这是刚学习网络的学生写的大作业的一部分。
wndhl不需要看。
先上效果展示
介绍整个页面布局，它是一个简单的3行3列布局。
上面有头。
中间是main (里面是三列左中心灯光)。
left部分：调整了div的css用矩形框。 背景是图像。
center部分：垂直导航栏。
right部分：与left部分相同。
下面也有footer。
css部分styletype=' text/CSS ' body { text-align : center； } #header{width: 100%； 高： 30px； } #main{width: 100%； height: 560px； } #left{width: 400px； height: 400px； 浮点：左； border-radius:300px； ackground:URL(12.jpg )； } #center{width: 20%； height: 100%； 浮点：左； } #right{width: 43%； height: 81%； 浮点：左； ackground:URL(a.gif )； border-radius:100px； } #footer{clear: both； width: 100%； 高： 80px； } ul{list-style-type:none； margin:0； padding:0； width: 800px； height :100 % } a { display : block； 背景色： # E3 bdaa； color :黑色； width:160px； 文本对齐3360中心； padding:25px； 文本修饰：无； font-family:幼圆； font-size: 18pt； border-radius:80px； } a:hover，a : active { background-color : # 98 bf21； (H4 ) font-size:20pt； font-family:幼圆； color : black } h1 { font-size 336030 pt； font-family:幼圆； color:black}/style所有代码！ doctypehtmlhtmllang=' en ' headmetacharset=' utf-8 ' title主页/titlestyletype=' text/CSS ' body { text-align 3333 高： 30px； } #main{width: 100%； height: 560px； } #left{width: 400px； height: 400px； 浮点：左； border-radius:300px； ackground:URL(12.jpg )； } #center{width: 20%； height: 100%； 浮点：左； } #right{width: 43%； height: 81%； 浮点：左； ackground:URL(a.gif )； border-radius:100px； } #footer{clear: both； width: 100%； 高： 80px； } ul{list-style-type:none； margin:0； padding:0； width: 800px； height :100 % } a { display : block； 背景色： # E3 bdaa； color :黑色； width:160px； 文本对齐3360中心； padding:25px； 文本修饰：无； font-family:幼圆； font-size: 18pt； border-radius:80px； } a:hover，a : active { background-color : # 98 bf21； (H4 ) font-size:20pt； font-family:幼圆； color : black } h1 { font-size 336030 pt； font-family:幼圆； color 3360 black }/style/headbodybackground='1. jpg ' divid=' header '/div divid=' main ' divid=' left ' class=abra href='./兴趣介绍页. html'span兴趣介绍页/span/abra href='./喜欢的视频页. html'span兴趣介绍页音乐页. html'span音乐页/span音乐页Span/ABR/ul/divdivid='right'h4名：聪明纸飞机班： 19软工aaid div div id=' footer ' class=' ' ul H4本页面作者：聪明纸飞机制作日期： 2021
第一次写博客记录自己的学习，努力打鸭子%%%%%