这篇文章主要为大家展示了“CSS中背景平铺repeat怎么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“CSS中背景平铺repeat怎么用”这篇文章吧。
CSS 背景平铺repeat
语法:
Background-repeat : repeat | no-repeat | repeat-x | repeat-y
参数 | 作用 |
repeat | 背景图片纵向和横向平铺( 默认) |
no-repeat | 背景图片不平铺 |
repeat-x | 背景图片横向平铺 |
repeat-y | 背景图片纵向平铺 |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
div {
width: 600px;
height: 300px;
background-color: pink;
background-image: url(images/ldh.jpg);
background-repeat: repeat;
background-repeat: no-repeat;
background-repeat: repeat-x;
background-repeat: repeat-y;
}
</style>
</head>
<body>
</body>
<div>
</div>
</html>
以上是“CSS中背景平铺repeat怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注天达云行业资讯频道!