作业
来源:互联网 发布:非线性优化计算方法 编辑:程序博客网 时间:2024/03/28 17:00
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>CODING COFFEE</title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=''> <style type="text/css"> h1{ /*margin:0 auto; width:50%; border:2px dashed red;*/ text-align:center; } .wrapper{ width:1080px; /*border:2px solid red;*/ margin:0 auto; } .arr{ float:left } .brr{width:50%; float:right } body{ background-color:red; background-image:url('./coffee/img/co.jpg' ); background-repeat:no-repeat; background-attachment:fixed; background-position:left center; background-size:cover; /*background:rgba(255,0,0,0.5) url('./coffee/img/co.jpg') no-repeat fixed left top ; background-size:cover*/ } hr{ width:60%; border:2px dashed grey; isibility:hidden; } p{ line-height: 20px; color:black; text-align:left; } span { border:2px solid red; //padding-bottom:100px; //margin-bottom:100px; display:inline-block; display:none; isibility:hidden; } p{ display:inline-block; line-height:50px; } </style> </head> <body> <div> <h1>CODING COFFEE MENU</h1> <hr> </div> <!--<div class="wrapper"> <div class="arr"> <img id="ppp"src="./coffee/img/c2.jpg" height="300"> </div> <div class="brr"> <h2>蓝山咖啡</h2> <p>源自三地的咖啡豆,为周年纪念综合咖啡豆带来了特别的馥郁醇厚。如今推出三种不同包装,让你用自己喜爱的方式体验这别具风味的一杯。</p> </div> <div style="clear:both;"></div> </div>--> <script type="text/javascript"> var app=[{'product':'蓝山咖啡','img':'"./coffee/img/c2.jpg" height="300"','descreption':'源自三地的咖啡豆,为周年纪念综合咖啡豆带来了特别的馥郁醇厚。如今推出三种不同包装,让你用自己喜爱的方式体验这别具风味的一杯。'}, {'product':'拿铁咖啡','img':'"./coffee/img/c2.jpg" height="300"','descreption':'源自三地的咖啡豆,为周年纪念综合咖啡豆带来了特别的馥郁醇厚。如今推出三种不同包装,让你用自己喜爱的方式体验这别具风味的一杯。'}, {'product':'卡布奇诺','img':'"./coffee/img/c2.jpg" height="300"','descreption':'源自三地的咖啡豆,为周年纪念综合咖啡豆带来了特别的馥郁醇厚。如今推出三种不同包装,让你用自己喜爱的方式体验这别具风味的一杯。'}, ] for(i=0;i<app.length;i++){ document.write('<div class="wrapper"><div class="arr"><img id="ppp" src='+app[i]['img']+'></div>'); document.write('<div class="brr"><h2>'+app[i].product+'</h2>'); document.write('<p>'+app[i]['descreption']+'</p></div><div style="clear:both;"></div></div><hr>'); }</script> </body></html>
阅读全文
0 0
- 作业
- 作业
- 作业
- 作业
- 作业
- 作业
- 作业
- 作业
- 作业
- 作业
- 作业~~~~~~~~~~~~~
- 作业
- 作业
- 作业
- 作业
- 作业
- 作业
- 作业
- LinkedList 去除集合中自定义对象的重复值(对象的成员变量值都相同)
- ThinkPHP5出现No input file specified.Apache服务器解决方案
- 用户名:性别:地址:二级联动..
- 二级联动
- 敏感词
- 作业
- 11.10 作业
- 配置opencv出现ImportError: No module named cv2的错误解决办法之一
- Android 源码分析开篇
- Fragment+RecyclerView
- 心得
- Java封装继承覆盖
- 文章标题
- markdown颜色