美文网首页
css:1.颜色及背景的方法

css:1.颜色及背景的方法

作者: Gaochengxin | 来源:发表于2017-07-11 22:27 被阅读68次
颜色定义:
        p{color:red;}
        rgb  p{color:rgb(0,0,0)}
        rgba  p{color:rgba(255,0,0,0~1)}

opacity 透明度的属性 rgba()和opacity都能实现透明效果但是opacity是作用于元素,
以及元素内的所有内容的透明度(有继承性),而rgba()作用于元素的颜色、背景。

           filter:alpha(opacity=40);

过滤 低版本的浏览器使用

四种颜色定义方式:颜色名称, RGB方式, 十六进制的方式, RGBA方式。
控制文字大小:

背景颜色及设置背景图片的方法
  背景颜色:
    background-color

  背景图片:
    background-image:URL(图片路径)

  铺平的方式:
    background-repeat:repeat-x;横着平铺,
    repeat-y;竖着平铺
    no-repeat 不平铺 repeat 默认全屏平铺
    设置背景图片大小:

    background-size:200px; 150px;  不能加在复合属性里

  位置移动:
    background-position:100px 100px;
    background-attachment:fixed;  scroll   不能加在复合属性里
                           固定      默认

相关文章

  • css:1.颜色及背景的方法

    颜色定义: opacity 透明度的属性 rgba()和opacity都能实现透明效果但是opacity是...

  • CSS基本属性

    CSS基本语法 css背景 背景颜色body{background-color: #b0c4de;}css中,颜色...

  • CSS之基础知识开篇(三)

    1.浮动产生负作用 背景不能显示由于浮动产生,如果对父级设置了(CSS background背景)CSS背景颜色或...

  • CSS背景颜色

    一、设置标签的背景颜色 如何设置标签的背景颜色? 在CSS中有一个background-color 属性,就是专门...

  • CSS样式-背景(background)

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

  • web前端入门到实战:背景定位

    一、背景定位 同一个标签可以同时设置背景颜色和背景图片,如果颜色和图片同时存在,那么图片会覆盖颜色 1.在CSS中...

  • 十四、CSS的背景

    一、CSS的背景 通过CSS背景属性,可以给页面元素添加背景样式。背景属性可以设置背景颜色、背景图片、背景平铺、背...

  • day04

    1.CSS基本样式 1.1css背景 背景颜色:background-color背景图片:backgorund-i...

  • 章节(13) CSS背景和精灵图

    1.如何设置标签的背景颜色? 在CSS中有一个background-color:属性, 就是专门用来设置标签的背景...

  • day-05:css背景跟精灵图

    1 背景相关属性 1.如何设置标签的背景颜色?在CSS中有一个background-color:属性, 就是专门用...

网友评论

      本文标题:css:1.颜色及背景的方法

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