用HTML5实现十里桃花歌词的打印(一)
共自己之后复习
说明
<!--white-space:pre-wrap; 按照粘来的的格式显示width:600px;margin: auto;外边距自动(中间)height:799px 高度background:url("pg.png");背景图padding-top: 100px;内上边距padding-left: 80px;内左边距box-sizing: border-box;line-height: 1.5em;行间距color:mediumvioletred; 颜色-->
代码实现
<!DOCTYPE html>
<html lang="en">
<head> <!--这个标签里的内容是不显示的--><meta charset="UTF-8"><title>十里桃花</title>div{white-space:pre-wrap;width:600px;margin: auto;height:799px;background:url("bg.png");padding-top: 100px;padding-left: 80px;box-sizing: border-box;line-height: 1.5em;color:mediumvioletred;}</style>
</head>
<body>
<div>花开三世 酒酿成了微甜人在梦外之梦 血化成了青藤夜灯扶摇升上空 离人还在等不舍得不再遇见有情的人原来不敢相逢桃花朵朵 只恨瞬间花落八荒相隔 四海再无歌看死生契阔 有传说词句写在你眼底 你只有我时间苦多 只待一语道破若情可得 穷尽了三生三世寻相似轮廓分分合合 不错过忘情三生 遗憾也算有幸昆仑雪化成风 泪变千年玄冰氤氲泉此刻无声 故人还在等不舍得不再相欠有情的人原来不敢相逢桃花朵朵 只恨瞬间花落八荒相隔 四海再无歌看死生契阔 有传说词句写在你眼底 你只有我时间苦多 只待一语道破此情可得穷尽了三生三世寻相似轮廓生生世世 不错过时间苦多 只待一语道破此情可得穷尽了三生三世寻相似轮廓生生世世 缘无因爱有果</div>
</body>
</html>
背景图:
效果:
用HTML5实现十里桃花歌词的打印(一)相关推荐
- 爬取腾讯视频评论——以《三生三世,十里桃花》为例
#@kaiyiching import requests import re import json import io import sys import datetime import time, ...
- WPS的三生三世,雷军的十里桃花
PMCAFF(www.pmcaff.com):互联网产品社区,是百度,腾讯,阿里等产品经理的学习交流平台.定期出品深度产品观察,互联产品研究首选. 外包大师(www.waibaodashi.com): ...
- 十里春风不如你,三里桃花不及卿
十里春风不如你,三里桃花不及卿.如今人间四月芳菲尽,那些曾经刻骨铭心的爱恋早已化作过眼云烟.
- 计算机弹奏春风十里报新年,春风十里报新年(给您冲冲喜)歌词
-武汉加油- [00:00.000] 作曲 : 接个吻,开一枪 [00:01.000] 作词 : 接个吻,开一枪/王东旭/Lambert [00:07.06]出品:网易云音乐 X 支付宝 [00:08 ...
- php中文歌词,详细介绍HTML5使用Audio标签实现歌词同步的效果
HTML5的最强大之处莫过于对媒体文件的处理,如利用一个简单的vedio标签就可以实现视频播放.类似地,在HTML5中也有对应的处理音频文件的标签,那就是audio标签.通过本文给大家介绍HTML5使 ...
- 三生三世十里桃花用计算机怎么弄,三生三世十里桃花ios如何用电脑玩 三生三世十里桃花ios模拟器教程...
原标题:三生三世十里桃花ios如何用电脑玩 三生三世十里桃花ios模拟器教程 现在有很多小伙伴都在玩三生三世十里桃花手游,不过相对于传统的在手机上进行游戏,很多人都倾向于新玩法,就是在电脑上玩三生三世 ...
- 三生三世十里桃花用计算机怎么弄,三生三世十里桃花灵宠系统怎么玩?三生三世十里桃花灵宠系统详解...
在三生三世十里桃花的游戏当中,给大家带来了灵宠系统的玩法.那么大家都知道灵宠系统要怎么去玩吗?小编这里就为大家带来了三生三世十里桃花灵宠系统的介绍,有兴趣的就来看看吧. 三生三世十里桃花灵宠系统怎么玩 ...
- python画桃花_Python小白如何使用爬虫自动抓取《三生三世十里桃花》豆瓣电影短评...
1.准备工作 python是一门相对于其他语言来说肥肠自由的语言,从它只能用空白符作为强制缩进符就能够感受到它与众不同,爱用不用的独特气质,像这样一位潇洒任性的公子自然免不得要提前做一些准备才能驾驭. ...
- 春风十里计算机谱子,春风十里曲谱
"我说所有的酒,都不如你",鹿先森乐队首支单曲<春风十里>.只是想说,喝再多的酒,在心里还是会有一个人更让你沉醉. 乐曲背景 "我说所有的酒,都不如你&quo ...
最新文章
- springboot定时执行任务
- BZOJ-1010 玩具装箱toy (斜率优化)
- Struts2国际化标签 i18n
- java达达租车接口_Java第一个项目——达达租车系统v1
- 聊聊storm的PartialKeyGrouping
- Java成神之路技术整理(长期更新)
- psv黑商店pkgj最新版下载_e收银app下载安装_e收银软件最新版免费下载
- 删除dedecms友情链接中li标签的方法
- 依时利考勤机说明书_指纹考勤机如何安装及使用说明|依时利
- 黑php的称呼,这三个称呼你都说对了吗?
- 索骥馆-DIY硬盘之《新手3周学通硬盘芯片级维修》扫描版[PDF]
- 有孚网络CEO安柯:IT部门趋于轻量化 “平台+服务”或将成为主流
- npm 如何处理依赖与依赖冲突
- 猿辅导2017 笔试题
- access通过身份证号提取性别_Access计算根据身份证号码字段计算年龄和性别的表达式,最好是还能确定户籍地址,该在什么地方输入?...
- vnc远程无法关闭窗口_VNC远程显示3D界面
- 百度云直播的操作流程
- deepCopy:1 Uncaught SyntaxError: Identifier ‘xxx’ has already been declared
- Steven-Java-练习(1)
- 学习前端怎么样?优势有哪些
热门文章
- 区块链赋能医疗产业报告
- uos统一操作系统命令与linux一样,UOS统一操作系统仍然存在着不少的问题,需用户更新系统来完善...
- PPOJ1100: 诡异的楼梯
- 项目成功关键要素和项目成功关键要素
- Win10安装cuda和cudnn(可安装多版本并自由切换)
- 广西外国语学院计算机考试真题,广西外国语学院综合素质测试面试题历年总结...
- 深度之眼Pytorch打卡(十三):Pytorch全连接神经网络部件——线性层、非线性激活层与Dropout层(即全连接层、常用激活函数与失活 )
- 基于51单片机的简易电容值测量仪proteus仿真设计
- 计算机评游戏图形低,5常见的PC游戏图形选项说明 | MOS86
- 1-106兔子繁衍问题