css页面布局实例Word格式文档下载.docx

css页面布局实例Word格式文档下载.docx

《css页面布局实例Word格式文档下载.docx》由会员分享，可在线阅读，更多相关《css页面布局实例Word格式文档下载.docx（12页珍藏版）》请在冰豆网上搜索。

none;

#globallink{

#globallinkul{

list-style:

#globallinkli{

float:

78px;

#globallinka{

block;

9px6px11px6px;

background:

url（button1.jpg）no-repeat;

#globallinka:

link,#globallinka:

visited{

color:

#004a87;

text-decoration:

underline;

hover{

#FFFFFF;

url（button1_bg.jpg）no-repeat;

#left{

200px;

0px0px5px0px;

#d8ecff;

#leftdiv{

#5ea6eb;

0px5px0px5px;

#weather{

url（weather.jpg）no-repeat-5px0px;

div#left#weatherh3{

24px0px0px74px;

div#weatherul{

8px5px0px5px;

10px0px8px5px;

#weatherulli{

url（icon1.gif）no-repeat0px6px;

1px0px0px10px;

#leftdivh3{

4px0px2px15px;

#003973;

#bbddffurl（icon2.gif）no-repeat5px7px;

#today{

0px0px10px0px;

#todayul{

-5px0px0px0px;

#todayulli{

#todayulliimg{

border:

1pxsolid#FFFFFF;

8px0px0px0px;

#todayullia:

link,#todayullia:

#FFFF00;

#middle{

0px0px0px2px;

5px0px0px0px;

400px;

#middlediv{

margin-left:

5px;

margin-right:

#middleh3{

height:

41px;

#middleh3span{

/*文字去掉，换成图片*/

#beauty{

15px0px0px0px;

#beautyh3{

url（picture_h1.gif）no-repeat;

#beautyul,#routeul{

8px1px0px1px;

#beautyulli{

97px;

#beautyulliimg{

1pxsolid#4ab0ff;

#route{

clear:

both;

5px0px15px0px;

#routeh3{

url（route_h1.gif）no-repeat;

#routeulli{

3px0px0px30px;

url（icon1.gif）no-repeat20px7px;

#routeullia:

link,#routeullia:

#004e8a;

#000000;

#right{

0px0px1px2px;

176px;

#rightdiv{

#rightdivh3{

#map{

margin-top:

#mapp{

2px0px5px0px;

#mappimg{

#food{

padding-top:

10px;

#foodul,#lifeul{

10px10px0px10px;

#foodulli,#lifeulli{

url（icon1.gif）no-repeat3px9px;

3px0px3px12px;

border-bottom:

1pxdashed#EEEEEE;

#foodullia:

link,#foodullia:

visited,#lifeullia:

link,#lifeullia:

hover,#lifeullia:

#life{

padding-bottom:

margin-bottom:

#footer{

1px0px0px0px;

1px0px1px0px;

#footerp{

4px5px4px5px;

#footerpa{

&

lt;

!

DOCTYPEhtmlPUBLIC"

-//W3C//DTDXHTML1.0Transitional//EN"

"

http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

gt;

html&

head&

title&

新疆行知书&

/title&

linkhref="

20.css"

rel="

stylesheet"

type="

text/css"

/head&

body&

divid="

container"

&

banner"

imgsrc="

banner.jpg"

/div&

globallink"

ul&

li&

ahref="

#"

首页&

/a&

/li&

新疆简介&

风土人情&

吃在新疆&

路线选择&

自助行&

摄影摄像&

游记精选&

资源下载&

雁过留声&

/ul&

br&

left"

weather"

h3&

span&

天气查询&

/span&

/h3&

乌鲁木齐&

amp;

nbsp;

雷阵雨20℃-31℃&

吐鲁番&

多云转阴20℃-28℃&

喀什&

阵雨转多云25℃-32℃&

库尔勒&

阵雨转阴21℃-28℃&

克拉马依&

雷阵雨26℃-30℃&

today"

今日推荐&

tuijian1.jpg"

喀纳斯河&

tuijian2.jpg"

布尔津&

tuijian3.jpg"

天山之路&

middle"

ghost"

title="

魔鬼城探秘"

ghost.jpg"

border="

0"

beauty"

美景寻踪&

beauty1.jpg"

beauty2.jpg"

beauty3.jpg"

beauty4.jpg"

route"

线路精选&

吐鲁番——库尔勒——库车——塔中——和田——喀什&

乌鲁木齐——天池——克拉马依——乌伦古湖——喀纳斯&

乌鲁木齐——奎屯——乔尔玛——那拉提——巴音布鲁克&

乌鲁木齐——五彩城——将军隔壁——吉木萨尔&

right"

map"

新疆风光&

p&

点击看大图"

map1.jpg"

/p&

map2.jpg"

food"

小吃推荐&

17号抓饭&

大盘鸡&

五一夜市&

水果&

life"

宾馆酒店&

美丽华大饭店&

海德大饭店&

银都大饭店&

鸿福大饭店&

友好大酒店&

棉麻宾馆&

电信宾馆&

footer"

艾萨克&

copy;

版权所有&

mailto:

demo@"

demo@&

/body&