利用CSS布局做一个简单的荣誉证书

最新推荐文章于 2024-04-14 02:52:55 发布

我是大头鸟

最新推荐文章于 2024-04-14 02:52:55 发布

阅读量2.8k

点赞数 1

分类专栏： CSS 文章标签： CSS布局

本文链接：https://blog.csdn.net/datouniao1/article/details/47782425

版权

CSS 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8">
<style type="text/css">
body{
background-image: url(../pic/125.jpg);
background-repeat: no-repeat;
background-size: 700px 500px;
}
.f1{
font-family: sans-serif;
font-size: 1.5em;
}
.f2{
font-family: serif;
font-size: 1.7em;
}
.f3{
font-family: serif;
font-size: 1.4em;
}
.div1{
padding-left: 80px;
padding-top: 160px;
}
.div2{
padding-left: 130px;
}
.div3{
padding-left: 80px;
}
.div4{
padding-left: 380px;
padding-top: 40px;
}
.div5{
padding-left: 400px;
}
</style>
<title></title>
</head>
<body>

王登高
同学:



学习不认真，整天嘻嘻哈哈，无所事情。逗比指数


在班级中排列第一，特发此证书，以资鼓励。


2015年8月19日


逗比学院

</body>

</html>

效果图：