CSS背景

作者: Juha | 来源:发表于2020-05-10 22:08 被阅读0次

背景颜色

background-color

属性值即为颜色值,默认值为transparent,即透明无颜色

背景图片

background-image
可以是多个,第一个图片是图层首层,也可以叠加背景颜色

背景图片

背景是否平铺
background-repeat


平铺方式

同步滚动
background-attachment
默认是scroll,即内容滚动背景不动,如果是local则是内容与背景同步滚动。fixed基本上不用,参照物是整个窗口,和这个容器无关系。


背景与内容是否同步滚动

背景的位置
background-position

背景位置 position在雪碧图中的应用

画出一个线性渐变图片背景
linear-gradient()


线性渐变

画出一个圆形渐变图片背景
radial-gradient()

画出圆形渐变图片背景

重复画出的渐变
repeating-*-gradient


重复线性渐变
重复圆形渐变

背景位置的属性
background-origin
默认是padding-box
即坐标中的(0,0)点是以哪个box的左上角为准。

背景相对默认位置是padding-box 可以改为border-box或者content-box

背景裁剪
background-clip
保留哪个box的内容


背景裁剪

背景大小
background-size


背景大小

背景怎么写

背景合起来写

相关文章

  • CSS样式

    CSS背景 CSS字体 CSS链接 CSS 列表 CSS 表格 CSS轮廓 CSS背景 1、背景色 ba...

  • Html-CSS 背景设置

    CSS 背景 CSS 背景属性用于定义HTML元素的背景。CSS 属性定义背景效果: background-col...

  • CSS3 背景

    知识点: CSS3 背景图像区域CSS3 背景图像定位CSS3 背景图像大小CSS3 多重背景图像CSS3 背景属...

  • 整理常用CSS

    字体属性:(font) CSS文字属性: CSS边框空白 CSS符号属性: CSS背景样式: 指定背景位置 CSS...

  • CSS样式-背景(background)

    CSS样式 css背景(background) CSS 可以添加背景颜色和背景图片, 以及来进行图片设置。 背景图...

  • CSS常用的属性和值

    CSS文本 CSS字体 CSS背景

  • CSS背景

    CSS背景(background) 目标 理解背景的语法和作用CSS背景图片和插入图片的区别 应用通过CSS背景属...

  • CSS背景、文本、字体、链接、列表、轮廓

    CSS背景 CSS文本 CSS字体 CSS链接 CSS列表 CSS轮廓

  • CSS3 背景

    @(HTML5)[背景] [TOC] 三、CSS3背景 CSS背景属性回顾 背景单个属性 background-i...

  • CSS background背景

    CSS背景属性 CSS背景属性用于设置HTML元素的背景(填充),复合属性 background 可以用来设置背景...

网友评论

    本文标题:CSS背景

    本文链接:https://www.haomeiwen.com/subject/efhhxhtx.html