ホームページ >
記事 > ウェブフロントエンド >
11ページレイアウトのWebサイトホームページデザイン例究極版（csdnホームページ模倣）_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:22:201762ブラウズ
1. firstPage.html ファイル:
<span style="font-size:14px;"><!doctype html><html> <head> <meta http-equiv="Content-Type" content="text/html"> <title> 标准的页面布局首页 </title> <link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="content.css"> </head> <body> <div id="container"> <div id="header"> <div id="logo"> <!--!!是href, 不是herf!!! --> <a class="logo_img" href="http://www.csdn.net/"><img src="logo.jpg"></a> </div> <div id="bar"> <a href="https://www.wilddog.com/"><img src="ad.jpg"></a> </div> <div id="nav"> <ul> <li class="style_li"><a href="http://www.baidu.com">联系我们</a></li> <div class="gap"></div> <li class="style_li"><a href="http://www.baidu.com">联系我们</a></li> <div class="gap"></div> <li class="style_li"><a href="http://www.baidu.com">联系我们</a></li> <div class="gap"></div> <li class="style_li"><a href="http://www.baidu.com">联系我们</a></li> <div class="gap"></div> <li class="style_li"><a href="http://www.baidu.com">联系我们</a></li> <div class="gap"></div> <li class="style_li"><a href="http://www.baidu.com">联系我们</a></li> <div class="gap"></div> <li class="style_li"><a href="http://www.baidu.com">联系我们</a></li> <div class="gap"></div> <li class="style_li"><a href="http://www.baidu.com">联系我们</a></li> </ul> </div> </div> <div class="space"> </div> <div id="content"> <div class="main"> <div class="main_left"> <div class="tit"><a href="">极客头条</a> </div> <div class="con con_1"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a> </div> </div> <div class="main_right"> <div class="tit"><a href="">滚动</a> </div> <div class="con"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">07 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">08 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">09 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">10 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">11 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">12 </span><a href="">再别康桥---徐志摩</a> </div> </div> <div class="space"> </div> <div class="main_left"> <div class="tit"><a href="">极客头条</a> </div> <div class="con con_1"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a> </div> </div> <div class="main_right"> <div class="tit"><a href="">滚动</a> </div> <div class="con"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">07 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">08 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">09 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">10 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">11 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">12 </span><a href="">再别康桥---徐志摩</a> </div> </div> </div> <div class="sidebar sidebar_1"> <div class="tit"><a href="">精品课程</div> <div class="one_sidebar"><span class="dot">01 </span><a href="">操作系统---北京大学</a> </div> <div class="one_sidebar"><span class="dot">02 </span><a href="">操作系统---北京大学</a> </div> <div class="one_sidebar"><span class="dot">03 </span><a href="">操作系统---北京大学</a> </div> <div class="one_sidebar"><span class="dot">04 </span><a href="">操作系统---北京大学</a> </div> <div class="one_sidebar"><span class="dot">05 </span><a href="">操作系统---北京大学</a> </div> <div class="one_sidebar"><span class="dot">06 </span><a href="">操作系统---北京大学</a> </div> <div class="one_sidebar"><span class="dot">07 </span><a href="">操作系统---北京大学</a> </div> <div class="one_sidebar"><span class="dot">08 </span><a href="">操作系统---北京大学</a> </div> <div class="one_sidebar"><span class="dot">09 </span><a href="">操作系统---北京大学</a> </div> <div class="one_sidebar"><span class="dot">10 </span><a href="">操作系统---北京大学</a> </div> <div class="one_sidebar"><span class="dot">11 </span><a href="">操作系统---北京大学</a> </div> <div class="one_sidebar"><span class="dot">12 </span><a href="">操作系统---北京大学</a> </div> <div class="one_sidebar"><span class="dot">13 </span><a href="">操作系统---北京大学</a> </div> </div> <div class="space"> </div> <div class="ad"><a href="http://www.redocn.com"><img src="ad_1.jpg"></a></div> <div class="space"></div> <div class="main"> <div class="main_left"> <div class="tit"><a href="">极客头条</a> </div> <div class="con con_1"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a> </div> </div> <div class="main_right"> <div class="tit"><a href="">滚动</a> </div> <div class="con"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">07 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">08 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">09 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">10 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">11 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">12 </span><a href="">再别康桥---徐志摩</a> </div> </div> <div class="space"> </div> <div class="main_left"> <div class="tit"><a href="">极客头条</a> </div> <div class="con con_1"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a> </div> </div> <div class="main_right"> <div class="tit"><a href="">滚动</a> </div> <div class="con"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">07 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">08 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">09 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">10 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">11 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">12 </span><a href="">再别康桥---徐志摩</a> </div> </div> <div class="space"> </div> <div class="main_left"> <div class="tit"><a href="">极客头条</a> </div> <div class="con con_1"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a> </div> </div> <div class="main_right"> <div class="tit"><a href="">滚动</a> </div> <div class="con"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">07 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">08 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">09 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">10 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">11 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">12 </span><a href="">再别康桥---徐志摩</a> </div> </div> </div> <div class="sidebar sidebar_2"> <div class="tit"><a href="">活动在线</a></div> <div class="activity_1"> <div class="date_loc">2016/3/29 上海</div> <div class="con_sidebar"><a href="">LinkSprite全球硬创马拉松CSDN专场（基于开源硬件）</a></div> </div> <div class="activity_2"> <div class="date_loc">2016/3/29 上海</div> <div class="con_sidebar"><a href="">LinkSprite全球硬创马拉松CSDN专场（基于开源硬件）</a></div> </div> <div class="activity_1"> <div class="date_loc">2016/3/29 上海</div> <div class="con_sidebar"><a href="">LinkSprite全球硬创马拉松CSDN</a></div> </div> <div class="activity_2"> <div class="date_loc">2016/3/29 上海</div> <div class="con_sidebar"><a href="">LinkSprite全球硬创马拉松CSDN专场（基于开源硬件）</a></div> </div> <div class="activity_1"> <div class="date_loc">2016/3/29 上海</div> <div class="con_sidebar"><a href="">LinkSprite全球硬创马拉松CSDN专场（基于开源硬件）</a></div> </div> <div class="activity_2"> <div class="date_loc">2016/3/29 上海</div> <div class="con_sidebar"><a href="">LinkSprite全球硬创马拉松CSDN专场（基于开源硬件）</a></div> </div> </div> <div class="space"> </div> <div class="ad"><img src="ad_2.jpg"></div> <div class="space"></div> <div class="main"> <div class="main_left"> <div class="tit"><a href="">极客头条</a> </div> <div class="con con_1"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a> </div> </div> <div class="main_right"> <div class="tit"><a href="">滚动</a> </div> <div class="con"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">07 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">08 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">09 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">10 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">11 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">12 </span><a href="">再别康桥---徐志摩</a> </div> </div> <div class="space"> </div> <div class="main_left"> <div class="tit"><a href="">极客头条</a> </div> <div class="con con_1"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a> </div> </div> <div class="main_right"> <div class="tit"><a href="">滚动</a> </div> <div class="con"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">07 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">08 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">09 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">10 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">11 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">12 </span><a href="">再别康桥---徐志摩</a> </div> </div> <div class="space"> </div> <div class="main_left"> <div class="tit"><a href="">极客头条</a> </div> <div class="con con_1"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a> </div> </div> <div class="main_right"> <div class="tit"><a href="">滚动</a> </div> <div class="con"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">07 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">08 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">09 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">10 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">11 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">12 </span><a href="">再别康桥---徐志摩</a> </div> </div> </div> <div class="sidebar sidebar_2"> <div class="tit"><a href="">行业热点</a></div> <div class="three_sidebar"><span class="dot">01 </span><a href="">JetBrains全套工具包，超值超乎你想象！</a> </div> <div class="three_sidebar"><span class="dot">02 </span><a href="">JetBrains全套工具包，超值超乎你想象！</a> </div> <div class="three_sidebar"><span class="dot">03 </span><a href="">JetBrains全套工具包，超值超乎你想象！</a> </div> <div class="three_sidebar"><span class="dot">04 </span><a href="">JetBrains全套工具包，超值超乎你想象！</a> </div> <div class="three_sidebar"><span class="dot">05 </span><a href="">JetBrains全套工具包，超值超乎你想象！</a> </div> <div class="three_sidebar"><span class="dot">06 </span><a href="">JetBrains全套工具包，超值超乎你想象！</a> </div> <div class="three_sidebar"><span class="dot">07 </span><a href="">JetBrains全套工具包，超值超乎你想象！</a> </div> <div class="three_sidebar"><span class="dot">08 </span><a href="">JetBrains全套工具包，超值超乎你想象！</a> </div> <div class="three_sidebar"><span class="dot">09 </span><a href="">JetBrains全套工具包，超值超乎你想象！</a> </div> <div class="three_sidebar"><span class="dot">10 </span><a href="">JetBrains全套工具包，超值超乎你想象！</a> </div> </div> <div class="space"> </div> <div class="ad"><img src="ad_3.jpg"></div> <div class="space"> </div> <div class="main"> <div class="main_left"> <div class="tit"><a href="">极客头条</a> </div> <div class="con con_1"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a> </div> </div> <div class="main_right"> <div class="tit"><a href="">滚动</a> </div> <div class="con"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">07 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">08 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">09 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">10 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">11 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">12 </span><a href="">再别康桥---徐志摩</a> </div> </div> <div class="space"> </div> <div class="main_left"> <div class="tit"><a href="">极客头条</a> </div> <div class="con con_1"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con con_1"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a> </div> </div> <div class="main_right"> <div class="tit"><a href="">滚动</a> </div> <div class="con"><span class="dot">01 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">02 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">03 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">04 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">05 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">06 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">07 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">08 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">09 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">10 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">11 </span><a href="">再别康桥---徐志摩</a> </div> <div class="con"><span class="dot">12 </span><a href="">再别康桥---徐志摩</a> </div> </div> </div> <div class="sidebar sidebar_1"> <div class="tit"><a href="">下载专辑</a></div> <div class="four_sidebar"><span class="dot">01 </span><a href="">Android项目源码用例</a> </div> <div class="four_sidebar"><span class="dot">02 </span><a href="">Android项目源码用例</a> </div> <div class="four_sidebar"><span class="dot">03 </span><a href="">Android项目源码用例</a> </div> <div class="four_sidebar"><span class="dot">04 </span><a href="">Android项目源码用例</a> </div> <div class="four_sidebar"><span class="dot">05 </span><a href="">Android项目源码用例</a> </div> <div class="four_sidebar"><span class="dot">06 </span><a href="">Android项目源码用例</a> </div> <div class="four_sidebar"><span class="dot">07 </span><a href="">Android项目源码用例</a> </div> <div class="four_sidebar"><span class="dot">08 </span><a href="">Android项目源码用例</a> </div> <div class="four_sidebar"><span class="dot">09 </span><a href="">Android项目源码用例</a> </div> <div class="four_sidebar"><span class="dot">10 </span><a href="">Android项目源码用例</a> </div> <div class="four_sidebar"><span class="dot">11 </span><a href="">Android项目源码用例</a> </div> <div class="four_sidebar"><span class="dot">12 </span><a href="">Android项目源码用例</a> </div> <div class="four_sidebar"><span class="dot">13 </span><a href="">Android项目源码用例</a> </div> </div> </div> <div class="space"> </div> <div id="bottomer"> <div class="bottom_tit"><a href="">核心技术类目</a> </div> <div class="bottom_gap"></div> <div id="bottom_list"> <ul> <li class="bottom_li"><a href="">Hadoop</a></li> <li class="bottom_li"><a href="">AWS</a></li> <li class="bottom_li"><a href="">移动游戏</a></li> <li class="bottom_li"><a href="">Java</a></li> <li class="bottom_li"><a href="">Android</a></li> <li class="bottom_li"><a href="">IOS</a></li> <li class="bottom_li"><a href="">Hadoop</a></li> <li class="bottom_li"><a href="">AWS</a></li> <li class="bottom_li"><a href="">移动游戏</a></li> <li class="bottom_li"><a href="">Java</a></li> <li class="bottom_li"><a href="">Android</a></li> <li class="bottom_li"><a href="">IOS</a></li> <li class="bottom_li"><a href="">Hadoop</a></li> <li class="bottom_li"><a href="">AWS</a></li> <li class="bottom_li"><a href="">移动游戏</a></li> <li class="bottom_li"><a href="">Java</a></li> <li class="bottom_li"><a href="">Android</a></li> <li class="bottom_li"><a href="">IOS</a></li> <li class="bottom_li"><a href="">Hadoop</a></li> <li class="bottom_li"><a href="">AWS</a></li> <li class="bottom_li"><a href="">移动游戏</a></li> <li class="bottom_li"><a href="">Java</a></li> <li class="bottom_li"><a href="">Android</a></li> <li class="bottom_li"><a href="">IOS</a></li> <li class="bottom_li"><a href="">Hadoop</a></li> <li class="bottom_li"><a href="">AWS</a></li> <li class="bottom_li"><a href="">移动游戏</a></li> <li class="bottom_li"><a href="">Java</a></li> <li class="bottom_li"><a href="">Android</a></li> <li class="bottom_li"><a href="">IOS</a></li> <li class="bottom_li"><a href="">Hadoop</a></li> <li class="bottom_li"><a href="">AWS</a></li> <li class="bottom_li"><a href="">移动游戏</a></li> <li class="bottom_li"><a href="">Java</a></li> <li class="bottom_li"><a href="">Android</a></li> <li class="bottom_li"><a href="">IOS</a></li> <li class="bottom_li"><a href="">Hadoop</a></li> <li class="bottom_li"><a href="">AWS</a></li> <li class="bottom_li"><a href="">移动游戏</a></li> <li class="bottom_li"><a href="">Java</a></li> <li class="bottom_li"><a href="">Android</a></li> <li class="bottom_li"><a href="">IOS</a></li> <li class="bottom_li"><a href="">Hadoop</a></li> <li class="bottom_li"><a href="">AWS</a></li> <li class="bottom_li"><a href="">移动游戏</a></li> <li class="bottom_li"><a href="">Java</a></li> <li class="bottom_li"><a href="">Android</a></li> <li class="bottom_li"><a href="">IOS</a></li> <li class="bottom_li"><a href="">Hadoop</a></li> <li class="bottom_li"><a href="">AWS</a></li> <li class="bottom_li"><a href="">移动游戏</a></li> <li class="bottom_li"><a href="">Java</a></li> <li class="bottom_li"><a href="">Android</a></li> <li class="bottom_li"><a href="">IOS</a></li> <li class="bottom_li"><a href="">Hadoop</a></li> <li class="bottom_li"><a href="">AWS</a></li> <li class="bottom_li"><a href="">移动游戏</a></li> <li class="bottom_li"><a href="">Java</a></li> <li class="bottom_li"><a href="">Android</a></li> <li class="bottom_li"><a href="">IOS</a></li> <li class="bottom_li"><a href="">Hadoop</a></li> <li class="bottom_li"><a href="">AWS</a></li> <li class="bottom_li"><a href="">移动游戏</a></li> <li class="bottom_li"><a href="">Java</a></li> <li class="bottom_li"><a href="">Android</a></li> <li class="bottom_li"><a href="">IOS</a></li> <li class="bottom_li"><a href="">Hadoop</a></li> <li class="bottom_li"><a href="">AWS</a></li> <li class="bottom_li"><a href="">移动游戏</a></li> <li class="bottom_li"><a href="">Java</a></li> </ul> </div> </div> </div> </body></html></span>
2. style.css: レイアウト ファイル
3.content.css: 特定のコンテンツ スタイル ファイル:
れー
4. ウェブサイトには写真が含まれています:
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。