HTML5系列代码:不同尺寸的多重背景图像

  • background-repeat 属性设置是否及如何重复背景图像。
  • 默认地,背景图像在水平和垂直方向上重复。
  • background-repeat 属性定义了图像的平铺模式。
  • 从原图像开始重复,原图像由 background-image 定义,并根据 background-position 的值放置。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>不同尺寸的多重背景图像</title>
<style type="text/css">
div {
	margin:10px;
	padding:50px;
	border:1px solid #000;
	height:220px;
	width:400px;
	background-repeat:no-repeat;
	background-image:url(../images/WestLake.jpg)
					,url(../images/WestLake.jpg)
					,url(../images/WestLake.jpg);
	background-size:30% 30%
					,60% 60%
					,100% 100%;
}
</style>
<body>
<div></div>
</body>
</html>

展开阅读全文
©️2020 CSDN 皮肤主题: 成长之路 设计师: Amelia_0503 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值