php中背景图怎么设置不重复,css 图像不重复怎么设置

css图像不重复的设置方法：首先创建一个HTML示例文件；然后引入一张背景图片；最后通过设置属性为“background-repeat:no-repeat”来实现图像不重复即可。

本文操作环境：Windows7系统、HTML5&&CSS3、Dell G3电脑。

css可以使用background-repeat属性设置图片不重复，background-repeat属性设置是否及如何重复背景图像。默认地，背景图像在水平和垂直方向上重复。

background-repeat 属性介绍：

background-repeat 属性定义了图像的平铺模式。

从原图像开始重复，原图像由 background-image 定义，并根据 background-position 的值放置。

属性值：

repeat 默认。背景图像将在垂直方向和水平方向重复。

repeat-x 背景图像将在水平方向重复。

repeat-y 背景图像将在垂直方向重复。

no-repeat 背景图像将仅显示一次。

inherit 规定应该从父元素继承 background-repeat 属性的设置。

【推荐：css视频教程】

示例：

body

{

background-image:

url(/i/eg_bg_03.gif);

}

效果图：

css设置图片不重复

body

{

background-image:

url(/i/eg_bg_03.gif);

background-repeat: no-repeat

}

效果图：

php中背景图怎么设置不重复,css 图像不重复怎么设置相关推荐

iphone中背景图的设置方法
iphone中背景图的设置方法一,使用一个UIImageView实例做子视图,并且放最后面 - (void)setBackgroundImage { NSLog(@"set ...
html中背景图按比例缩放全屏显示
html中背景图按比例缩放全屏显示,核心代码如下div: <body style="height: 100%; margin: 0;" onload="create ...
网页（全屏）背景图实现方式（纯CSS向）
全屏背景的意思就是背景图占满整个浏览器视窗,在没有body其他内容的时候不出现滚动条.就算有滚动条的时候,背景也是固定的,不跟随滚动. 对于这类的全屏背景图片的实现,我们需要注意的是,有五种情况: 图 ...
前端背景图放置_如何在css中添加背景图？
在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片. css background属性就是专门设 ...
仿QQ个人信息详情界面中背景图的下拉扩展放大功能
一般一些项目中都少不了一些头部背景图,但是如果背景图静态的现实并不能呈现出与用户操作的交互感,所以要想办法让背景图动起来,qq的一些交互感我很喜欢,比如他的个人详情界面的背景图就是可以下拉扩展,并在扩 ...
html中精灵图的使用方法,关于CSS Sprites、CSS精灵的详细解析
原标题:关于CSS Sprites.CSS精灵的详细解析 CSS Sprites简介 Css sprites 可翻译为css精灵,也有人翻译为css雪碧,因为sprite也有雪碧的意思.在国内习惯成他 ...
css背景图替代文字 - 如何让css无法加载时页面功能依然不受影响
方法一:利用text-indent将文字移出盒子,然后让换行文字不换行,这样,当css无法加载时,虽然背景图无法显示,但是文字也不会被移出盒子,这样文字显示在用户的视野里了代码: <!DOCT ...
html字体如何设置垂直居中显示,css文字水平垂直居中怎么设置？
css文字水平垂直居中怎么设置?下面本篇文章就来给大家介绍使用CSS设置文字水平居中和垂直居中的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 1.文字水平居中在CSS中想要 ...
CSS中背景图定位方法
在CSS中,background-position的定位方法有三种. 如下: (1)关键字:background-position: top left (2)像素:background-positio ...

php中背景图怎么设置不重复,css 图像不重复怎么设置

php中背景图怎么设置不重复,css 图像不重复怎么设置相关推荐

最新文章

热门文章