`
wjt276
  • 浏览: 650276 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

css 定义背景不重复 - 转

    博客分类:
  • CSS
CSS 
阅读更多

css的功能是非常强大的,今天我们就来用css来定义一个块div的背景,并让它不重得.

a{
background-image:url(www,111cn.cn/rb/bg.subnav.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top;
} 
 



上 面第一行为a标签的背景,background-repeat:no-repeat;此标签的背景不允许重复,background- attachment:fixed;此标签背景不随动条滑动而动,background-position:top;这是设置图片背景的位置等.

分享到:
评论

相关推荐

    css代码添加背景图片常用代码

    该代码设置了`div`元素的背景颜色为浅蓝色,背景图片为`bg.jpg`,并且不重复显示,定位在右下角。 **注意**: 当使用`background`属性时,各项之间用空格分隔,其中颜色值可以省略。如果未指定某项,则使用其默认值...

    css3实现一个div设置多张背景图片及background-image属性实例演示

    在兼容性方面,虽然CSS3的`background-image`和渐变功能在现代浏览器中得到了广泛支持,但旧版的Internet Explorer(尤其是IE8及更低版本)并不支持这些特性。为了确保跨浏览器的兼容性,开发者可能需要使用渐变的...

    css2使用手册--苏沈小雨.rar

    在网页设计领域,CSS(Cascading Style Sheets)是不可或缺的一部分,它负责定义网页的布局、颜色、字体等视觉样式。CSS2 是 CSS 的第二版规范,发布于1998年,是现代网页设计的基础。本手册——"css2使用手册--苏沈...

    css背景属性案例

    6. **`background-attachment`**:定义背景图像是否固定或者随着页面滚动而移动。 7. **`background-origin`**:定义背景图像相对于哪个盒子绘制。 8. **`background-clip`**:定义背景绘制区域。 9. **`background`...

    css2.0手册------------------

    - **颜色与背景**:CSS2.0允许设置文本颜色、背景颜色、边框颜色,以及背景图片和重复方式。 - **字体与文本**:可以定义字体家族、大小、样式(粗体、斜体)、行高、字母间距、文本对齐等。 - **尺寸**:通过...

    css属性索引----帮助你制作html网页

    背景属性,如`background-color`用于设定元素背景色,`background-image`添加背景图像,`background-position`控制图像的位置,`background-repeat`决定图像是否重复,`background-attachment`则控制背景图是否随...

    CSS固定背景例子(css禅意花园例子)

    使用`background-image`属性定义背景图像。例如: ```css body { background-image: url('path/to/image.jpg'); } ``` 注意路径要正确,否则图片无法加载。 3. **背景重复(Background Repeat)**: 可以...

    CSS背景颜色例子

    这里的`no-repeat`表示图片不重复,`center`表示图片居中对齐。 5. 背景颜色的透明度 使用RGBA值,我们可以设置背景颜色的透明度。这在需要部分显示元素后面内容时非常有用。例如: ```css .box { background-...

    利用CSS定位背景图片 background-position

    还需要注意的是,如果背景图片不重复,那么在容器中显示的将只是图片的一部分,开发者可以利用这一点,将一张大图分割成多个小图块,然后使用background-position属性来定位显示特定的小图块。这种技术可以减少HTTP...

    漂亮的花色背景二栏css3博客模板-博客 透明 css3 标准 简洁.rar

    2. **透明效果**:在CSS3中,可以使用`opacity`属性来调整元素的整体透明度,或者使用`rgba()`函数来定义具有透明度的颜色,这样既能保持背景颜色的多样性,又能实现半透明效果,使内容与背景和谐共存。 3. **二栏...

    css3-cheat-sheet.pdf

    - **背景位置** (`background-position`):定义背景图像的位置。 - 使用预定义的关键字(如 `top left`, `center`, `bottom right`)或者使用百分比或长度值(如 `50% 50%`, `10px 20px`)来指定背景图的位置。 - *...

    CSS样式(规则)定义对话框中英文对照.pdf

    根据给定文件内容,该文件名为“CSS样式(规则)定义对话框中英文对照.pdf”,似乎是一份关于CSS样式的对照表。文件中列举了多个CSS属性及其英文名称,尽管OCR扫描可能导致个别字词识别不准确,但下面将基于提供的内容...

    css网页属性语法定义及应用方法

    - `no-repeat`:不重复 **5. `background-position`** - **定义**:用于设置背景图像的位置。 - **属性值**: - `value`:以百分比或绝对单位指定位置 - `top`、`center`、`bottom`:垂直方向定位 - `left`、...

    css 属性列表很多

    - **描述**:定义背景图像如何重复。 - **示例代码**: ```css p { background-repeat: repeat-x; } ``` #### Background-attachment - **描述**:定义背景图像是否固定或随着页面的其余部分滚动。 - **示例...

    HTML&CSS基础自学笔记---实现静态网页

    CSS则提供了丰富的样式控制,包括但不限于文字样式、背景设置、盒子模型、浮动、定位、以及动画和3D效果。文字样式可以通过`color`、`font-size`等属性调整;背景可以设置颜色、图像、重复方式等;盒子模型包括`...

    CSS使用手册(2.0-3.0)

    3. **边框和背景**: CSS3支持圆角边框(border-radius)、渐变背景(linear-gradient, radial-gradient)、多边框(box-shadow, text-shadow)等,丰富了视觉效果。 4. **布局模式**: 引入了Flexbox(弹性盒子)和...

    CSS_3样式.pdf

    边框是网页设计中不可或缺的一部分,CSS3 提供了更多样化的边框样式和控制选项。 ##### border - **描述**:在一个声明中设置所有的边框属性。 - **示例**: ```css .box { border: 2px solid red; } ``` ###...

    css属性的各种定义

    - **背景重复**:`background-repeat`属性控制背景图片的重复方式,如`background-repeat:repeat-x;`使图片沿X轴重复。 - **背景位置**:`background-position`属性确定背景图片的起始位置,如`background-position:...

    CSS视频教程设置网页背景

    它可以是`repeat`(默认值,图片在水平和垂直方向重复)、`no-repeat`(图片不重复)、`repeat-x`(图片只在水平方向重复)或`repeat-y`(图片只在垂直方向重复)。例如,`background-repeat: no-repeat;`会确保背景...

Global site tag (gtag.js) - Google Analytics