世界读书日Wed代码

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

世界读书日
- 1.CSS
- 2.HTML

世界读书日

提示：这里可以添加本文要记录的大概内容：

这里有CSS和HTMl

1.CSS

代码如下（示例）：

*{margin: 0;padding:0;
}
body{font-size:14px;background-color: #e9fbff;
}
#container{    width:800px;margin:0 auto;background:url(../images/container_bg.jpg) repeat-y;/**/
}
#banner{}
#links{margin: -20px 0 10px 0;position: relative; /*相对定位*/
}
#links ul{list-style: none;
}
#links li{float:left;width:110px;text-align: center;
}
#leftbar{width:200px;float: left;background-color: #d2e7ff;text-align: center;padding-top:25px;
}
#leftbar .para1{text-align:left;padding:20px 10px;
}
#leftbar img{width:75%;
}
#content{float: left; width:600px;background:url(../images/bg.jpg) no-repeat bottom right;/* background-color: aquamarine; */
}
#content h2{padding:20px 0 10px 20px;text-decoration: underline;color:#6565c0;font-size: 20px;
}
#content p{padding:10px 0 10px 20px;
}
#footer{clear:both;text-align:center;background-color:#d2e7ff;
}
#footer p{padding:15px 0;
}

2.HTML

代码如下（示例）：

<!DOCTYPE>
<html><head><meta charset="utf-8"><title>世界读书日</title><link rel="stylesheet" href="css/mycss.css">
</head><body><div id="container"><div id="banner"><img src="data:images/banner.jpg"></div><div id="links"><ul><li>首页</li><li>我的日记</li><li>个人相册</li><li>Friends</li><li>读书日志</li><li>留言板</li><li>联系方式</li></ul></div><div id="leftbar"><p><img src="data:images/selfpic1.jpg"><br>大象席地而坐</p><p class="para1">花莲有一只大象，他妈的就坐在那，有人捅它或者喂它东西，它也不动。</p><p><img src="data:images/selfpic2.jpg"><br>未央歌</p><p class="para1">当大余吻上宝笙的唇边，我总算了了一桩心愿。</p></div><div id="content"><h2>飞行的蒲公英</h2><p>火车经过一个又一个站台，窗外漫卷的蒲公英向我微笑着。我逐渐记起了自己旅行的目的，一直都在下一站的前方。火车缓缓地驶入站台，汽笛声响的那一瞬间，车厢变得透明，我看见，自己和这长长的列车一起，正在漫天飘舞着的蒲公英中飞行。</p><h2>未选择的路</h2><p>黄色的树林里分出两条路，可惜我不能同时去涉足。我在那路口久久伫立，我向着一条路极目望去，直到它消失在丛林深处。<br>但我却选择了另外一条路，它荒草萋萋，十分幽寂，显得更诱人，更美丽。虽然在这两条小路上，都很少留下旅人的足迹。<br>虽然那天清晨落叶满地，两条路都未经脚步污染，呵，留下一条路改日再见。但我知道，路径延绵无尽头，恐怕我难以再回返。<br>也许在多年后在某个地方，我将轻声叹息将往事回顾，一片树林里分出两条路。而我选择了人迹更少的一条，从此决定了我一生的道路。</p><h2>梦与诗</h2><p>都是平常经验，<br>都是平常影象，<br>偶然涌到梦中来，<br>变幻出多少新奇花样！<br><br>都是平常情感，<br>都是平常言语，<br>偶然碰着个诗人，<br>变幻出多少新奇诗句！<br><br>醉过才知酒浓，<br>爱过才知情重；<br>你不能做我的诗，<br>正如我不能做你的梦。</p></div><div id="footer"><p>版权所有&copy;2018-10</p></div></div>
</body></html>

世界读书日Wed代码相关推荐

天鼎：一个技术人在世界读书日的遐想
图片来源pexels.com 基于CC0协议 01 天鼎:一个技术人在世界读书日的遐想写在世界读书日 " 我是一个老派技术渣,大学学习谭浩强老师的C语言,毕业后做嵌入式开发,由于工作变动学 ...
2019 世界读书日，让程序员疯狂的 13 本豆瓣高分技术书！
明天 4 · 23 世界读书日 GitChat 电子书促销活动提前 · 开始用抄底的价格抢畅销技术书 GitChat 特意筛选畅销度最高的品种,给予超大力度的优惠. <深度学习入门> ...
在世界读书日之后，重温与好书相遇的时光 | O'Reilly赠书活动
昨天是世界读书日,你们有好好读书吗?为了督促大家在读书日之后,继续保持优质的阅读习惯,O'Reilly读者俱乐部联合图灵教育,发起一次抽奖送书活动! 此次赠书与以往略有不同,除了新增最近出版的中文版图 ...
世界读书日：18本豆瓣评分9.0以上的IT书值得收藏
在这春暖花开,万物生长的季节里,我们迎来了今年的第27个世界读书日.让阅读成为一种习惯,伴随我们成长. 今年的世界读书日小编整理了一份豆瓣评分9.0以上的计算机专业书,与您分享.顺序按照出版时间倒序排 ...
世界读书日：作为一个优秀的程序员请收藏这份书单
4月23日世界读书日全称"世界图书与版权日",又称"世界图书日".最初的创意来自于国际出版商协会.由西班牙转交方案给了联合国教科文组织. 1995年11月15 ...
世界读书日丨程序员经典语录值得读一读
每年的4月23日,是"世界读书日".这一天,是为了提醒我们,无论生活多么的忙碌,都要记得多读书. 作为程序员的你,下面这些程序员经典语录请您认真来读一读,也许此时此刻会有不一样的心 ...
世界读书日：带你走近Go语言编程思维
经过十几年的演化和发展,Go语言在全世界范围内已经拥有了百万级别的拥趸,在这些开发者当中,除了一部分新入行的编程语言初学者之外,更多的是从其他编程语言阵营转过来的开发者.由于Go语言上手容易,在转Go ...
【世界读书日】2023年通信好书推荐
今天是世界读书日(4月23日).按照老规矩,小编给大家推荐一些通信类的优秀书籍. 过去一年,通信行业的关注热点,主要是:5G-Advanced(5.5G).算力网络.东数西算.6G.卫星互联网.智能超 ...
世界读书日，15本书，免费送！
被称之为股神巴菲特背后的男人查理·芒格说过:"我这辈子遇到来自各行各业的聪明人没有不每天阅读的--没有,一个都没有." 毋庸置疑,厉害的人,每天都有保持阅读的习惯. 杜蕾斯的老金每 ...

世界读书日Wed代码

文章目录

世界读书日

1.CSS

2.HTML

世界读书日Wed代码相关推荐

最新文章

热门文章