masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > html tutorial > multiple backgrounds 多重背景_html/css_WEB-ITnose

multiple backgrounds 多重背景_html/css_WEB-ITnose

WBOY

Lepaskan： 2016-06-24 11:51:04

asal

1177 orang telah melayarinya

语法缩写如下：

background ： [background-color] | [background-image] | [background-position][/background-size] | [background-repeat] | [background-attachment] | [background-clip] | [background-origin],...

Salin selepas log masuk

注意：用逗号隔开每组background的缩写值；如果有size值，需要紧跟position并且用"/"隔开；分解写法时，background-color只能设置一个。

例如：

background:url(./image.jpg) no-repeat left top / 200px 70px,url(./image.jpg) no-repeat right bottom / 150px 60px;

<!DOCTYPE html><html><head> <meta charset="utf-8"><title>多重背景</title><style type="text/css">.demo {    width: 300px;    height: 140px;    border: 1px solid #999;    background:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat left top / 200px 70px,    url(http://static.mukewang.com/static/img/logo_index.png) no-repeat right bottom / 150px 60px;}</style>  </head> <body><div class="demo"></div></body></html>

Salin selepas log masuk

Label berkaitan：

multiple backgrounds 多重背景

sumber：php.cn

Artikel sebelumnya：折线图怎么做啊？急求！_html/css_WEB-ITnose Artikel seterusnya：background-size 设置背景图片的大小_html/css_WEB-ITnose

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang