CSS中的no-repeat是background属性的一个值，用于控制背景图片不重复显示。具体来说，no-repeat会在显示背景图片时只展示一次，不会在背景中重复出现。
|
|
|
<![CDATA[<i id='SCdfX'><tr id='SCdfX'><dt id='SCdfX'><q id='SCdfX'><span id='SCdfX'><b id='SCdfX'><form id='SCdfX'><ins id='SCdfX'></ins><ul id='SCdfX'></ul><sub id='SCdfX'></sub></form><legend id='SCdfX'></legend><bdo id='SCdfX'><pre id='SCdfX'><center id='SCdfX'></center></pre></bdo></b><th id='SCdfX'></th></span></q></dt></tr></i>]]><![CDATA[<div id='SCdfX'><tfoot id='SCdfX'></tfoot><dl id='SCdfX'><fieldset id='SCdfX'></fieldset></dl></div>]]>
| |
|
| <![CDATA[<bdo id='SCdfX'></bdo><ul id='SCdfX'></ul>]]>
|
|
|
| <![CDATA[<small id='SCdfX'></small><noframes id='SCdfX'>]]>
| | | <![CDATA[<tfoot id='SCdfX'></tfoot>]]> |
|
CSS中的no-repeat是background属性的一个值，用于控制背景图片不重复显示。具体来说，no-repeat会在显示背景图片时只展示一次，不会在背景中重复出现。
通俗易懂的理解就是，假如我们有一个背景图片，但是因为图片尺寸比实际显示的区域小，所以需要重复多次来填充满整个区域。no-repeat的作用就是让图片只出现一次，从而避免产生重复的问题。
以下是两个示例说明。
示例一：
假设我们有一张200x200像素的背景图片，我们希望在一个400x400像素的区域内显示这个背景图，但是我们不希望图片重复出现。那么我们可以使用以下CSS代码：
background-image: url('bg.png');
background-repeat: no-repeat;
width: 400px;
height: 400px;
这样，在显示页面时，背景图片就会以其原始尺寸的方式呈现一次，而不是重复出现。
示例二：
假设我们的网站需要在页面中显示一个背景图，但是这个背景图有一部分比较重要，我们需要将其显示在页面的正中央位置。那么我们可以使用以下CSS代码：
background-image: url('bg.png');
background-position: center center;
background-repeat: no-repeat;
这个CSS代码让背景图在页面中的正中心位置显示，且只显示一次，让页面更加美观。
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！
