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布局做一个简单的荣誉证书（代码示例）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 随机积分理论中的几何布朗运动——Brow
- 下一篇： 【转】人体工学