`

css学习-background背景缩写

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

背景缩写用于针对背景控制的相关属性进行缩写,其语法格式如下:
background:background-color | background-image | background-repeat  background-attachment | background-position

这个没什么好讲的,请看实例:
#content {
         background-color:#EDEDED;
         background-image:url(image/bg.gif);
         background-repeat:no-repeat;
         background-position:30% 20px;
}
缩写后的代码如下:
#content {
        background:#EDEDED url(image/bg.gif) no-repeat 30% 20px;
}

分享到:
评论

相关推荐

    div css background背景

    在CSS中,我们可以使用`background`属性来定义一个元素的背景,包括颜色、图像、重复方式等。下面是一些常见的背景属性: 1. **背景颜色**:使用`background-color`属性设置背景颜色。例如: ```css div { ...

    CSS 背景全攻略

    在CSS中,背景属性是网页设计中不可或缺的一部分,它能够为元素添加颜色、图像或两者组合,从而丰富页面的视觉效果。这篇“CSS背景全攻略”深入探讨了CSS背景属性的各个方面,包括基本用法、技巧以及CSS3的新特性。 ...

    css基础-梦之都教学

    - `background`:一个简写属性,可以同时设置多个背景属性。 **7. CSS文本** - `letter-spacing`:调整字符间距。 - `word-spacing`:调整单词间距。 - `text-decoration`:添加下划线、删除线等装饰。 - `text-...

    css入门-绝对经典

    - 使用`background-image`设置元素背景图片,`background-repeat`控制是否平铺,`background-position`调整位置。 ### CSS高级教程 1. **显示属性**: - `display`属性用于控制元素的显示方式,如`block`、`...

    css背景属性案例

    通过本篇文章的学习,我们不仅了解了CSS背景属性的基本概念,还通过一个实际案例掌握了如何应用这些属性来创建美观的网页布局。CSS背景属性的强大之处在于其灵活性和多样性,可以根据不同的需求创造出各种视觉效果。...

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

    CSS允许你使用一个简写的`background`属性来设置所有背景属性,如: ```css body { background: url('path/to/image.jpg') center top no-repeat fixed; } ``` 在压缩包中的`proj12`文件可能是这个例子的源...

    css3属性选择器,背景缩写

    在CSS3中,属性选择器和背景缩写是两个重要的概念,它们极大地提高了CSS的效率和可维护性。本文将详细探讨这两个主题。 首先,让我们来看看CSS3的属性选择器。属性选择器允许我们根据HTML元素的特定属性来选择和...

    头歌教学实践平台 Web前端开发基础 CSS-背景样式

    6. **背景简写属性**:为了简化代码,可以使用`background`简写属性一次性设置多个背景属性,如`background: url("image.jpg") no-repeat center fixed;`。 7. **背景裁剪与尺寸**:`background-size`控制背景图像...

    Css样式--背景样式详解

    首先,我们需要了解CSS的背景色(background-color)属性。CSS的默认背景色值是transparent,这代表透明。如果需要设定背景色,可以通过指定颜色值来完成,如h1元素的背景色设置为#00ff00(绿色)。这个属性非常简单...

    CSS_3样式.pdf

    #### CSS3 背景属性 在 CSS3 中,开发者可以使用一系列增强的功能来定制网页元素的背景效果。这些功能不仅提供了更强大的控制能力,还增强了网页的设计美感。 ##### background - **描述**:在一个声明中设置所有...

    Css-Cheat-sheet

    `background` 属性用于设置元素的背景色、背景图像及其显示方式。 - **`background-color`**: 背景颜色。 - **`background-image`**: 背景图像。 - **`background-repeat`**: 背景图像是否重复。 - **`background-...

    曹鹏CSS视频教程-17.背景颜色.rar

    4. **背景图片与颜色的组合**:曹鹏老师可能还讲解了如何在设置背景颜色的同时使用背景图片,例如通过`background`简写属性同时设置颜色和图片,以及它们的混合模式。 5. **响应式设计中的背景颜色**:在现代网页...

    CSS背景.rar

    通过学习和掌握这些CSS背景属性,你将能为你的网页创建各种丰富的视觉效果,提升用户体验。《CSS背景》教程旨在帮助初学者和进阶者更好地理解和运用这些技巧,打造更具吸引力的网页设计。记得实践并不断尝试新的创意...

    css-to-rn:将CSS字符串转换为React Native

    css到rn 将CSS字符串转换为React Native 什么 ? css-to-rn将您的css样式字符串转换为React Native。 它不支持插值,因此您无法根据道具动态更改样式。 安装 npm install css-to-rn 或者如果您使用纱线 yarn add...

    21.3 CSS 背景属性

    - 为了简化代码,CSS允许使用`background`简写属性一次性设置多个背景属性,顺序为:颜色 > 图像 > 重复 > 定位 > 附件 > 大小。例如:`background: #fff url("image.jpg") no-repeat center fixed;`。 8. **背景...

    css 之 background-position-x

    这个属性是 background-position 属性的简写形式,专门用于设置背景图片的水平位置。 背景图片的水平位置是指背景图片左上角相对于元素左上角的水平距离。background-position-x 属性的取值可以是长度单位(如 px、...

    CSS视频教程设置网页背景

    最后,`background`是一个简写属性,可以一次性设置多个背景属性,如`background: red url("image.jpg") no-repeat center fixed;`,这设置了背景颜色、图片、重复和定位。 在实际应用中,还可以使用`background-...

    css background之设置图片为背景技巧.docx

    CSS中的`background`属性是一个非常重要的样式规则,用于设置元素的背景效果,包括背景颜色、背景图像、背景重复方式、背景是否固定以及背景位置等。这个属性允许开发者在一个声明中控制多个背景属性,大大简化了CSS...

    CSS3鼠标滑过按钮背景动画特效.zip

    首先,CSS3的`animation`属性是一个简写属性,用于设置多个与动画相关的属性,包括`animation-name`、`animation-duration`、`animation-timing-function`、`animation-delay`、`animation-iteration-count`、`...

Global site tag (gtag.js) - Google Analytics