HTML打印一首诗（带背景图）

今天小编就来教大家怎么用html打印一首诗，代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="keywords" content="咏柳"/>
<meta name="descrption" content="描写柳树的姿态">
<title>Day 2 test1</title>
<style type="text/css">
body{
margin:0;
padding:0;
background:#5882FA;
}
#photo{
position: absolute;
background:url(http://img.blog.csdn.NET/20170416223327166) no-repeat;
width: 400px;
height: 300px;
left: 50%;
right: 50%;
margin:180px 0 0 -200px ;
text-align: center;}
.poet{
font-family: "微软雅黑";}
</style></head>
<body>
<div id="photo">
<div class="poet">
<h2>咏柳</h2>
<h3>唐 贺知章</h3>
<p>碧玉妆成一树高，</p>
<p>万条垂下绿丝绦。<p>
<p>不知细叶谁裁出，<p>
<p>二月春风似剪刀。<p>
</div>
</div>
</body>
</html>

HTML打印一首诗（带背景图）相关推荐

.Net C# 发送带背景图html邮件（解决Outlook不显示背景图问题）
发送带背景图html邮件(解决Outlook不显示背景图问题) (二)示例背景图 (三)示例定义好的html邮件图 (四)html代码 (五)C#邮件发送代码(示例:控制台应用程序) 1.考虑兼容性问 ...
用java代码打印一首诗
在 Java 中,您可以使用 System.out.println() 方法来打印一首诗. 例如,您可以使用以下代码来打印一首简单的诗: public class PoemPrinter {publi ...
QT绘图常用功能 Trick: QT带背景图和文字的QPushButton制作
文章目录绘图 QPixmap类:绘图 QPixmap::scaled(): 根据给定的尺寸来放大缩小QPixmap QPixmap为QLabel设置背景图片 QLineEdit的样式只能通过QPal ...
svg去掉黑色自带背景图
从网页中打开背景图,找到黑色背景块的dom元素,如下这样: rect就是黑色背景图的元素然后从代码中找到这一行元素,推荐使用sublime_text3,如果没有可以打开的程序的话,使用记事本也可以打 ...
echarts圆柱形带背景图
项目有时需要我们将二维的柱状图做出立体的感觉出来,这里是将一个数据柱形放在了后面当背景图使用先给大家看看效果 1. 引入echarts yarn add echaets // 也可以npm下载,看个 ...
红楼梦词云制作（带背景）
初学望批评指正. 红楼词云带背景图的那种. 原始图像: 原始图像原始的扣下来的林妹妹最终用ps合成的图.其实挺唏嘘的,一般人认为黛玉是绝对的女主,但是黛玉只出现了900多次,不及贾母3000次.凤 ...
TF之DD：利用Inception模型+GD算法生成带背景的大尺寸、高质量的Deep Dream图片——五个架构设计思维导图
TF之DD:利用Inception模型+GD算法生成带背景的大尺寸.高质量的Deep Dream图片--五个架构设计思维导图目录 TF中的Deep Dream实践:利用Inception模型+GD算 ...
多套头像/壁纸/背景图资源微信小程序源码粉色UI 带流量主
云开发版粉色UI微信小程序源码,背景图.头像.壁纸小程序源码,带流量主功能. 云开发小程序源码无需服务器和域名即可搭建小程序另外还带有流量主功能噢!微信平台注册小程序就可以了. 这套粉色UI非常的好看 ...
Vue - H5 生成带二维码和文案的宣传海报（可自定义二维码扫描后的内容、海报背景图、文案文字、宽高间距等）用 HTML 写可 DIY 的海报，做完后转为图片供用户保存和转发下载
前言这种需求常见于内容分享时,需要自动生成海报(图片)供用户保存或截图转发,网上的大部分教程都太乱且有 BUG. 本文将带您从 0-1 一路复制,完成一个兼容性好.健壮.注释详细的示例, 开箱即用, ...

HTML打印一首诗（带背景图）

HTML打印一首诗（带背景图）相关推荐

最新文章

热门文章