一、背景图像显示：
①background-size：规定背景图像的大小；
值：像素值、百分比、auto、cover、contain
②background-origin ：规定背景图像的起始位置；
值：padding-box(默认)、content-box、border-box
③background-clip
值：padding-box、content-box、border-box(默认)
二、HSLA：
新增颜色属性；
H：色调
S：饱和度
L：亮度
A：透明度
三、新增渐变颜色：
radial-gradient：(*position（deg），color percentage，color percentage)；
径向渐变
linear-gradient：(*position，color percentage，color percentage)；
线性渐变
四、新增倒影：
-webkit-box-reflect：(direction，offset，color(可线性)，url)
五、MASKS遮罩、蒙版：
-webkit-mask：(url，repeat，position，size)
六、自定义字体：
@font-face{
font-family：'iconfont'；定义字体名
src：url(‘iconfont.tff’)；加载字体
}七、多行文本省略号：（共四行css）
-webkit-box-orient:vertical =>文本垂直显示 -webkit-line-clamp:3 =>显示 3 行文本 display:webkit-box =>弹性盒模型 overflow:hidden =>溢出隐藏
八、文本阴影：（可复合使用）
text-shadow：offsetX，offsetY，模糊距离，颜色
Atas ialah kandungan terperinci 关于h5中新增的几个背景属性和文本属性. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Apakah kaedah penghasilan penghasilan animasi html5?
Pengenalan kepada atribut tag artikel
Perbezaan antara HTML dan HTML5
Pengenalan kepada pembekal perkhidmatan dengan harga pelayan awan kos efektif
Bagaimana untuk membaca data kawalan makro dalam javascript
Analisis perbandingan iqooneo8 dan iqooneo9
Cara menggunakan fungsi bulat
apa itu sistem oa
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
