From 869dd2069c695ee7040cd3261713212155819f42 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Mon, 14 Dec 2020 12:18:12 -0500 Subject: final dump 2020-12-14 --- files/zh-cn/web/css/background-image/index.html | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) (limited to 'files/zh-cn/web/css/background-image/index.html') diff --git a/files/zh-cn/web/css/background-image/index.html b/files/zh-cn/web/css/background-image/index.html index c16d7aa861..cf4b302680 100644 --- a/files/zh-cn/web/css/background-image/index.html +++ b/files/zh-cn/web/css/background-image/index.html @@ -30,7 +30,7 @@ translation_of: Web/CSS/background-image

可以提供由逗号分隔的多个值来指定多个背景图像:

-
background-image:
+
background-image:
   linear-gradient(to bottom, rgba(255,255,0,0.5), rgba(0,0,255,0.5)),
   url('https://mdn.mozillademos.org/files/7693/catfront.png');
@@ -45,15 +45,15 @@ translation_of: Web/CSS/background-image

正规语法

-
{{csssyntax}}
+
{{csssyntax}}
-

示例

+

示例

注意星星图片部分透明且位于猫图片上方.

-

HTML

+

HTML

-
<div>
+
<div>
   <p class="catsandstars">
     This paragraph is full of cats<br />and stars.
   </p>
@@ -64,9 +64,9 @@ translation_of: Web/CSS/background-image
   <p>And no more.</p>
 </div>
-

CSS

+

CSS

-
p {
+
p {
   font-size: 1.5em;
   color: #FE7F88;
   background-image: none;
@@ -86,7 +86,7 @@ div {
 }
 
-

Result

+

运行结果

{{EmbedLiveSample('Examples')}}

-- cgit v1.2.3-54-g00ecf