css如何让背景图像只显示一次 css实例

html-css018

css如何让背景图像只显示一次 css实例,第1张

background-repeat:no-repeat背景不重复（只显示一次）

background-repeat:repeat-x横向重复

background-repeat:repeat-y 纵向重复

font-size:12px

<body bgcolor="#000000">

<body bgcolor="rgb(0,0,0)">

<body bgcolor="black">。

一、认识CSS 颜色（CSS color）

这里要介绍的是网页设置颜色包含有哪些；网页颜色规定规范。

1、常用颜色地方包含：字体颜色、超链接颜色、网页背景颜色、边框颜色。

2、颜色规范与颜色规定：网页使用RGB模式颜色。

二、颜色基础知识

网页中颜色的运用是网页必不可少的一个元素。使用颜色目的在于有区别、有动感（特别是超链接中运用）、美观之用，同时颜色也是各种各样网页的样式表现元素之一,了解CSS 字体颜色。

传统的html颜色与w3c标准下的css颜色对比和DIV CSS运用颜色。

CSS color颜色语法：

color:#000000

Css样式中color后直接加RGB颜色值（#FFFFFF 、#000000 、#F00）

RGB颜色值在实际布局时候确定，可以使用Photoshop（简称PS）拾取工具进行获取获得。

三、两种方法设置对象颜色样式。

1、在DIV标签内使用color颜色样式。

<div style="color:#F00">www.jb51.net</div>。

2、在CSS选择器中使用color颜色样式CSS代码：

.divcss5{color:#00F}

/* 设置对象divcss5内文字为蓝色 */

扩展阅读：这里运用了CSS注释对此样式设置说明，了解CSS 注释。

3、DIV+CSS颜色样式完整案例：

Css代码。

使用CSS background-image 属性即可达到要求。

对浏览器支持：所有浏览器都支持 background-image 属性。

定义和用法：

background-image 属性为元素设置背景图像。

元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。

默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。

详细说明：

background-image 属性会在元素的背景中设置一个图像。

根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。

初始背景图像（原图像）根据 background-position 属性的值放置。

可能的值：

url('URL')    指向图像的路径（相对/绝对路径均可）。  

none    默认值。不显示背景图像。  

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

案例：

body

  { 

  background-image: url(bgimage.gif)

  background-color: #000000/* 建议设置背景色 */

  }

  该路径可以设置为绝对路径，即：background-image: url(http://xxx.com/img.jpg)

注意事项：

A、任何版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。

B、请设置一种可用的背景颜色，这样的话，假如背景图像不可用，页面也可获得良好的视觉效果。