php奖状,利用CSS布局做一个简单的荣誉证书（代码示例）

本篇文章将给大家介绍如何使用css布局制作一个简单的荣誉证书，有趣且实用，希望对需要的朋友有所帮助！

那么利用css布局实现简单荣誉证书样式的效果是非常简单的，主要用到以下几个基础属性：

background-image：为元素设置背景图像。

background-repeat：设置是否及如何重复背景图像。

background-size：规定背景图像的尺寸。

font-family：规定元素的字体系列。

font-size 属性可设置字体的尺寸。

padding：简写属性在一个声明中设置所有内边距属性。

HTML/CSS代码如下：

body{

background-image: url(/test/img/11.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;

}

龙傲天

同学:

在PHP中文网学习刻苦认真，成绩优异，聪慧过人！

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

2019年3月29日

PHP中文网

本篇文章就是关于利用CSS布局做一个简单的荣誉证书的方法介绍，简单有趣，希望对需要的朋友有所帮助！

本文原创发布php中文网，转载请注明出处，感谢您的尊重！

php奖状,利用CSS布局做一个简单的荣誉证书（代码示例）相关推荐

html与css编程证书,利用CSS布局做一个简单的荣誉证书（代码示例）
本篇文章将给大家介绍如何使用css布局制作一个简单的荣誉证书,有趣且实用,希望对需要的朋友有所帮助! 那么利用css布局实现简单荣誉证书样式的效果是非常简单的,主要用到以下几个基础属性: backgr ...
用HTML+CSS+JS做一个简单的个人网页
暑假在家闲的没事,写了一个简单的小网页,从网上找了些图片和视频拼起来的,由于经验不足的关系,没有将想添加的东西放进去. 先来看看整个网页效果的视频吧效果的图片如下(最右边空出来的其实是滑动条,截长屏 ...
ajax无线遥控器,利用python+tkinter做一个简单的智能电视遥控器
要通过python实现遥控器功能分两步: 第一步:开发图形化界面,以暴风TV的遥控器按钮为例第二步:使PC端给电视发送相应指令(此步骤需要打开电视的adb开关) 现在就开始第一步操作实现遥控器功能, ...
c#利用三层架构做一个简单的登录窗体
就个人而言,三层架构有点难理解,不知道该如何下手,各层与各层之间怎么调用最近一直在研究三层架构,经过网上学习与多方打听写一下自己的心得.有不足之处,可以评论和私聊探讨言归正传: 三层架构(3-ti ...
PHP on Windows Azure 入门教学系列（2） ——利用SQL Azure做一个简单的访问计数器...
公告:本博客为微软云计算中文博客的镜像博客.部分文章因为博客兼容性问题,会影响阅读体验.如遇此情况,请访问原博客. 本文是PHP on Windows Azure 入门教学系列第二篇文章.请上一篇文章 ...
Android 利用viewPager FragmentPagerAdapter 做一个简单的相册视图
说一下注意事项:你的布局需要用到viewparger 和 tabLayout 控件这两个控件要写全路径名看图片中Tablayout的参数设置选中非选中下划线颜色. 如果网络获取图片加权限 &l ...
初学者笔记（三）：利用python列表做一个最简单的垃圾分类
系列文章目录初学者笔记(一):利用python求100的因数初学者笔记(二):利用python输出一个1-100的奇数列表提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目 ...
如何做一个简单的网页导航
如何运用html和css制作一个简单的网页导航代码示例: <!DOCTYPE html> <html><head><meta charset="u ...
python自己做个定时器_技术图文：如何利用 Python 做一个简单的定时器类？
原标题:技术图文:如何利用 Python 做一个简单的定时器类? 背景今天在B站上看有关 Python 最火的一个教学视频 -- "零基础入门学习 Python",这也是我们 P ...
利用Python做一个简单的对战小游戏
利用Python做一个简单的文字对战小游戏一.游戏介绍 1.大体介绍:文字版的对战小游戏,可以利用Python随机生成两个角色,角色带有各自的血量和攻击值两个指标.两人在对战时同时攻击对方,同时造成 ...

php奖状,利用CSS布局做一个简单的荣誉证书（代码示例）

php奖状,利用CSS布局做一个简单的荣誉证书（代码示例）相关推荐

最新文章

热门文章