HTML结构：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>凤求凰</title>
</head><body><div id="Layer1" style="position:absolute; width:100%; height:100%; z-index:-1">< img src="背景.jpg" height="100%" width="100%"></div><div id="古诗"><h1>凤求凰</h1><p>作者：司马相如</p ><p style="letter-spacing:4px">有一美人兮，见之不忘。<br/>
一日不见兮，思之如狂。<br/>
凤飞翱翔兮，四海求凰。<br/>
无奈佳人兮，不在东墙。<br/>
将琴代语兮，聊写衷肠。<br/>
何日见许兮，慰我彷徨。<br/>
愿言配德兮，携手相将。<br/>
不得於飞兮，使我沦亡。<br/>
凤兮凤兮归故乡，遨游四海求其凰。<br/>
时未遇兮无所将，何悟今兮升斯堂！<br/>
有艳淑女在闺房，室迩人遐毒我肠。<br/>
何缘交颈为鸳鸯，胡颉颃兮共翱翔！<br/>
凰兮凰兮从我栖，得托孳尾永为妃。<br/>
交情通意心和谐，中夜相从知者谁？<br/>
双翼俱起翻高飞，无感我思使余悲。
</p >
</div>
<div id="右美人">
< img src="美人图.png" width="350px" height="500px" alt="美人"/>
</div></body>
</html>

css样式：

古诗{

width:500px;
height:1000px;
text-align:center;
float:right;
font-family:"楷体";

}

右美人{

width:500px;
height:100px;
float:right;

}
“`

效果如下：

IMWeb小白-诗歌作业相关推荐

html5诗歌作业,《品味诗词群》总第七十六期作业
<品味诗词群>总第七十六期作业老物件总能给人以无限的怀想.本期作业以<收录机>为主题,以图题诗.韵部不限,诗词均可,要求不变,期待精彩! 品味诗词雅韵,传承华夏文明. 七绝 ...
[IMWeb训练营]-团队作业
10天训练营感悟: 我们这个团队参加了10天的Vue造神计划,大家很认真的去看视频,认真的提交了作业,为了完成这个团队作业,团队成员发挥了自己的贡献,很好的团队,感谢我们这个组的每个人,谢谢大家. 先 ...
IMWEB小白DAY3-制作个人名片
通过名片制作,了解盒子DIV模型,float属性:图片背景搭配,LOGO配置.DIV框架.字体排版等知识.效果图如下: <html><head><title>小白D ...
05.序列模型 W1.循环序列模型（作业：手写RNN+恐龙名字生成）
文章目录作业1:建立你的循环神经网络 1. RNN 前向传播 1.1 RNN 单元 1.2 RNN 前向传播 2. LSTM 网络 2.1 LSTM 单元 2.2 LSTM 前向传播 3. RNN ...
python训练营免费领取-21天训练营丨Python量化投资打卡第五期！学完押金全返！...
原标题:21天训练营丨Python量化投资打卡第五期!学完押金全返! 关注我们,后台毕业以后,你想找一份什么工作? 钱多的也许你有点儿不好意思承认但是确确实实地感觉到: 我很羡慕互联网行业和 ...
跨行入测绘，看航测小白如何实现纯免相控作业
本文由GIS前沿读者投稿.作者一昉天空,从空中定位.相机参数.内业处理三方面讲解自己对航测免相控这件事的一些看法. 2020年,本人因厌倦了快递行业辛苦转行入职XXX测绘公司开始从事测绘工作,经过仪器 ...
div布局 HTML5+CSS大作业——兔小白个人博客网站 (1页)
HTML5+CSS大作业--兔小白个人博客网站 (1页) 常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. ...
双作业操作，双任务，双侧任务，这三个范式的区别是什么？｜小白心理－312/347考研答疑
双作业操作,双任务,双侧任务,这三个范式的区别是什么?|小白心理-312/347考研答疑 1.双作业操作范式让被试同时操作两个任务,观察被试的完成情况.实验结果符合"互补原则", ...
GAMES101 作业0 环境配置超详细小白教程
目录 1. 下载作业0 2. 将作业0的压缩包解压,找到pa0.pdf这个教程PDF,按照教程进行安装 3. 安装虚拟机 4. 下载虚拟硬盘 5. 校验下载文件的md5码 6. 配置虚拟机 7. 作 ...
辣鸡小白记录大作业（废话超多）（私用）2
一想到要重新做我脑壳就疼(并没有 fragment https://www.jianshu.com/p/fd71d65f0ec6 https://blog.csdn.net/weixin_342327 ...

IMWeb小白-诗歌作业

HTML结构：

css样式：

古诗{

右美人{

效果如下：

IMWeb小白-诗歌作业相关推荐

最新文章

热门文章