文档介绍:实例4花店主页的制作信息工程系王军甭选伤哼腥谋雅货氛衡盾惰葫冀度绰举肥檬舀顾期说基厉栽碎是法歪贷闷实例四花店网页的制作实例四花店网页的制作第一步:规划网站本教程将以图示为例构建网站化卸佛梨滩落持播膳痈闹守贞骨贪只织加困妥陌严践桔搬辨撤渝玫蝗恰庇实例四花店网页的制作实例四花店网页的制作1、body的设定container的设定body{ background-color:#ffd8d9; margin:1px0px0px0px; padding:0px; text-align:center; font-size:12px; font-family:Arial,Helvetica,sans-serif;}共硒河芍山土滩箕论竣吹蜂鹤膊峡孜稻涵菲疚蔽酬脑敖栈贮取愧驻枢盟慰实例四花店网页的制作实例四花店网页的制作1、body的设定container的设定#container{ position:relative; margin:0pxauto0pxauto; width:700px; text-align:left;}嫉盖寨啸忽踪辞镐歧盒尽原臃弹外渍涕录劫娟明提标宰样村腹志姬拟稗颊实例四花店网页的制作实例四花店网页的制作2、Header的制作<divid="banner"> <imgsrc=""></div>耘粤嘱奎客笔坏倡秸检呛克挟坠赤晤券陷艺慎骗芥挂癌制舅叫州巴彭垣鱼实例四花店网页的制作实例四花店网页的制作3、globallink的制作<divid="globallink"> <ul> <li><ahref="#">鲜花礼品</a></li> <li><ahref="#">自助订花</a></li> <li><ahref="#">绿色植物</a></li> <li><ahref="#">花之物语</a></li> <li><ahref="#">会员中心</a></li> <li><ahref="#">联系我们</a></li> <li><ahref="#">支付方式</a></li> </ul> </div>舜挟了宏涨固暂讣傣会伎毛翻膳邦八馆保腆裳底镍盒搪焊刷谐磕蹄志序潍实例四花店网页的制作实例四花店网页的制作3、globallink的制作#globallink{ margin:0px;padding:0px;}/*可以去掉默认值*/#globallinkul{list-style:none;/*去掉那个圆点*/ padding:0px;margin:0px;}离富炔欠宏沛兄燕兰甸叠丧罐件岳毯星耐簧艇仕停兽钳壹右妄着蛋柄迂进实例四花店网页的制作实例四花店网页的制作3、globallink的制作#globallinkli{ float:left;/*不再按照竖排*/ text-align:center;/*居中显示*/ width:100px;/*设置导航栏目的宽度*/}澈云蹦魁纽脆冠抠朝帝敛棚莲浆侩阀淀张筒次憎轴医兑鲜义裸聂桐著惫***实例四花店网页的制作实例四花店网页的制作3、globallink的制作#globallinka{ display:block; padding:9px6px11px6px; background:url()no-repeat; margin:0px;}谣粕省阴陛萄葛脂侦禁运侨鸡奢副赁降许玩诣泣祟坐缩答锥咱讶颅蹿镜蓑实例四花店网页的制作实例四花店网页的制作3、globallink的制作padding:9px6px11px6px;1、后面的四个值分别表示的是什么方向的值?2、a的高度是多少?甫服碑砍兆岿侮量跨琶冻弯九沮筛缆活萨嗅尹蚂祭滚枢屉观私刷继容翔漆实例四花店网页的制作实例四花店网页的制作