美文网首页
css背景样式

css背景样式

作者: 风之旅途 | 来源:发表于2017-02-20 09:31 被阅读0次

background-position:背景颜色:background-color
background-color:red;
值可以为颜色的英文单词,也可以是#000000这样的色位,也可以是R:255 G:255 B255这样的表达方式

----------------------------------分割线------------------------------------------------------------
在背景里放张图片:background-image:
background-image:url(图片地址);
但是会平铺整个块,通常会加上repeat去控制

                    • - - - - - - - - - - - - 小分割线- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                      背景图片的平铺控制:background-repeat
                      background-repeat:值
                      值为:no-repeat 不平铺
                      repeat-x 在x轴(横向)平铺
                      repeat-y 在y轴(纵向)平铺

----------------------------------分割线------------------------------------------------------------
背景图片的位置控制:background-position:
background-position:center center;--------------------(固定在页面某个位置,要输入两个值)
center----中间
left--------左边
right------右边
top--------顶部
bottom---底部
也可以写百分比,如:background-position:20% 23%;

----------------------------------分割线------------------------------------------------------------
背景尺寸:background-size
background-size: 100% 100%;(背景尺寸,属于css3属性,IE9以下不支持该属性)
contain------里面的图形等比例外接外面的块,不会变形
cover----铺满整一个块

----------------------------------分割线------------------------------------------------------------
简写方式:background:blue url(img/1.png) 等等值

相关文章

  • css样式入门书目录

    css样式-字体属性 css样式-背景属性 css样式-边框属性 css样式-列表属性 css样式-定位属性 cs...

  • DAY04

    1、CSS样式 1.1、CSS背景样式 1.2、背景的简写 1.3、背景吸附 1.4、背景大小 2、文本样式 2....

  • Day04

    今天学到了什么CSS 样式 CSS 样式 1 命名规范 2 背景 2.1背景重复backg round-repea...

  • 整理常用CSS

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

  • 从零开始学CSS - 样式

    样式 CSS 背景属性 CSS 文本属性 CSS 字体属性 链接 常见的链接样式,text-decorat...

  • CSS样式-背景(background)

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

  • CSS背景样式

    背景图像样式background-image 图像地址可以是相对地址,也可以是绝对地址;给某个元素设置背景图像,元...

  • CSS样式-背景

    背景颜色: 用background-color设置元素背景色 例:p {background-color:gray...

  • css背景样式

    background-position:背景颜色:background-colorbackground-color...

  • CSS 背景样式

    我们平时看到的网页中会有各式各样的背景样式,例如有用颜色作为背景的,也有图片作为背景的。添加背景样式能够让网页更好...

网友评论

      本文标题:css背景样式

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