web前端开发技术实验与实践（第三版）储久良编著项目15 设计京东商品导航页面

实训四项目15

一、页面文字素材：

[Vinhas]彩色斑马系列单肩包黑色
[Adidas]休闲帆布鞋红色
[NB]女子复古鞋色灰
[Vans]女子硫化鞋白粉
[Converse]匡威经典低帮鞋黑色
[Belle]羊皮女鞋黑色

二、代码：

<!--prj_4_2.html-->
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style type="text/css">img{width: 186px;height: 205px;}#div0{width: 720px;height: 600px;border: 1px solid #0099ff;margin: 0 auto;text-align: center;}h3{text-align: center;font-size: 32px;color: red;}#div1,#div2,#div3,#div4,#div5,#div6{margin: 10px;border: 1px double #9999cc;float: left;text-align: center;width: 208px;height: 225px}div a img{border: 10px groove #9999cc;}div a:hover img{border: 10px dashed #9999CC;}</style></head><body><div id="div0"><h3>京东商品导购</h3><div id="div1" class=""><a href="#"><img src="../img/4/image41-1.jpg" alt="[Vinhas]彩色斑马系列单肩包 黑色"></a></div><div id="div2" class=""><a href="#"><img src="../img/4/image41-2.jpg" alt="[Adidas]休闲帆布鞋 红色"></a></div><div id="div3" class=""><a href="#"><img src="../img/4/image41-3.jpg" alt="[NB]女子复古鞋 色灰"></a></div><div id="div4" class=""><a href="#"><img src="../img/4/image41-4.jpg" alt="[Vans]女子硫化鞋 白粉"></a></div><div id="div5" class=""><a href="#"><img src="../img/4/image41-5.jpg" alt="[Converse]匡威经典低帮鞋 黑色"></a></div><div id="div6" class=""><a href="#"><img src="../img/4/image41-6.jpg" alt="[Belle]羊皮女鞋 黑色"></a></div></div></body>
</html>

三、页面效果截图：

web前端开发技术实验与实践（第三版）储久良编著项目15 设计京东商品导航页面相关推荐

web前端开发技术实验与实践（第三版）储久良编著项目12 设计简易网站导航
web前端开发技术实验与实践(第三版)储久良编著项目12 设计简易网站导航实训三项目12 设计简易网站导航一.页面文字素材: 序号网站名称 URL 1 百度 http://www.ba ...
web前端开发技术实验与实践（第三版）储久良编著项目16 div+CSS页面布局设计
web前端开发技术实验与实践(第三版)储久良编著项目16 实训五项目16 一.页面文字素材: 这是头部信息区. 这是导航信息区. 这是主题信息区. 这是右侧信息区. 这是版权信息区. 二.代码: ...
web前端开发技术实验与实践（第三版）储久良编著项目13 设计新生课程简介
web前端开发技术实验与实践(第三版)储久良编著项目13 设计新生课程简介实训三项目13 设计新生课程简介一.页面文字素材: 英语基础英语.高级英语.报刊选读.视听.口语.英语写作.翻译 ...
web前端开发技术实验与实践（第三版）储久良编著项目5 综合编程岗位介绍
实训一项目5 综合编程岗位介绍一.页面文字素材: WEB前端开发工程师的岗位职责:(1)协助系统架构设计师进行系统架构设计工作:(2)承担WEB前端核心模块的设计.实现工作:(3)承担主要开发工作 ...
Web前端开发技术实验与实践（第3版）储久良编著实训8
实训8 HTML5基础与CSS3应用项目22 当当网企业用户注册页面设计页面效果截图代码  <!DOCTYPE html> < ...
Web前端开发技术实验与实践（第3版）储久良编著实训2
项目6 文本与段落标记应用页面效果截图代码  <!DOCTYPE html> <html><head><me ...
web前端开发技术实验与实践（第三版）储久良编著项目8 设计制度宣传展板
实训二项目8 设计制度宣传展板一.页面文字素材: 大型仪器必须有专人保管,须配有稳压电源,使用前须先检查仪器间各电路连接情况,再开稳压电源,然后再启动仪器开关. 必须严格执行仪器设备运行记录制度, ...
Web前端开发技术实验与实践代码（第三版）储久良
实训七表单页面设计项目21 设计大学生暑假社会实践调查问卷页面设计大学生暑假社会实践调查问卷页面结果截图 HTML代码结果截图 HTML代码 <!-- prj_7_2.html --& ...
Web前端开发技术实验与实践（第3版）储久良编著实训7
实训7 表单页面设计项目20 设计科技工作者建言页面页面效果截图代码  <!DOCTYPE html> <html>&l ...

web前端开发技术实验与实践（第三版）储久良编著项目15 设计京东商品导航页面

web前端开发技术实验与实践（第三版）储久良编著项目15 设计京东商品导航页面相关推荐

最新文章

热门文章

web前端开发技术实验与实践（第三版）储久良编著 项目15 设计京东商品导航页面

web前端开发技术实验与实践（第三版）储久良编著 项目15 设计京东商品导航页面相关推荐

最新文章

热门文章

web前端开发技术实验与实践（第三版）储久良编著项目15 设计京东商品导航页面

web前端开发技术实验与实践（第三版）储久良编著项目15 设计京东商品导航页面相关推荐