CSS中background-repeat的元素有多少，表达什么含义

发布时间：2023-10-12 09:59:31 所属栏目：语言来源：

导读：这篇文章主要讲解了“CSS中background-repeat的属性有多少，表示什么含义”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“CSS中background-repea

这篇文章主要讲解了“CSS中background-repeat的属性有多少，表示什么含义”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“CSS中background-repeat的属性有多少，表示什么含义”吧！

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

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

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

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

repeat-y 指背景图片纵向重复连续显示;例: 查看本站css文件,可以看到以下代码:

body {
font: normal 12px/1.5 Georgia, sans-serif;
text-align:left;
background:#444 url(images/bodybg.jpg) repeat-y;
}

可以看到背景图片bodybg.jpg是纵向重复显示的, 随着页面长度加长，它也随之增长.

（编辑：汽车网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!