18910140161

Css

首页 >> 前端开发 >> Css

css之background-repeat的几种属性 - 高达

顺晟科技

2022-09-13 12:48:28

863

css之background-repeat的几种属性

background-repeat: 指背景图片的重复与否以及重复方式, 有no-repeat, repeat, repeat-x, repeat-y四种属性值.

no-repeat: 即无论背景图片的大小, 只显示单个背景图片, 如首页的第一篇文章标题前的”NEW”图标, 代码如上所示;

repeat: 指背景图片横向和纵向重复连续显示;

repeat-x: 指背景图片横向重复连续显示;

repeat-y 指背景图片纵向重复连续显示 示例

<html>
<head><title></title></head>

<style>
div {
background-image: url(\'/Scripts/A10_skype.png\');
background-repeat: repeat-x;
/*background-repeat: repeat-y;
background-repeat: no-repeat;
background-repeat: repeat;*/
}
</style>


<body>
<div style="border: 1px solid red; width: 1000px; height: 1000px">
</div>
</body>

</html>

上一篇：CSS background-rep 下一篇：第02天半铸钢ˌ钢性铸铁(Cast
相关文章
推荐阅读
随机推荐
我们已经准备好了，你呢？
获取网站建设报价
2024我们与您携手共赢，为您的企业形象保驾护航！