美文网首页
添加背景图片以及设置

添加背景图片以及设置

作者: 张培_ | 来源:发表于2018-01-12 22:04 被阅读22次

添加背景图片以及设置

background

  • 作用:是用来集中设置各种背景属性
  • 例子:
background: url('./assets/acg.png') center no-repeat;

background-image

  • 作用设置背景图片的url:
  • 例子
  background-image: url('./assets/acg.png');

以上两者区别

  • 前者:是background的各种属性的集合(其中包含background-image)
  • 后者:是background中的一个属性

background-size

cover

  • 作用:按比例缩放图片,让图片覆盖整个容器。
  • 弊端:可能会造成部分背景图片显示不出来
  • 例子

contain

  • 作用:按比例缩放图片,让图片全部容纳在容器中
  • 弊端:可能导致容器一部分空白
  • 例子


    Pasted_Image_12_01_2018__10_06_PM.png

相关文章

  • 添加背景图片以及设置

    添加背景图片以及设置 background 作用:是用来集中设置各种背景属性 例子: background-ima...

  • CSS背景处理

    简介CSS 可以添加背景颜色和背景图片,以及来进行图片设置。 CSS背景属性 背景图片(image) 语法: 参数...

  • css背景及其应用(一)

    CSS 可以添加背景颜色和背景图片,以及来进行图片设置。 background-color背景颜色backgrou...

  • CSS样式-背景(background)

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

  • html,css所遇问题(一)

    div中添加背景图片必须设置宽高 例如:下述代码没有设置icon的宽高值,那么网页中也不会显示出背景图片,因为di...

  • 简单区分下设置导航栏各部分颜色的方法

    设置背景图片的方法 设置标题文字颜色的方法 将返回的barbuttonItem 以及 rightBarButto...

  • 10 CSS的背景

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

  • 滑动解锁(1)----按键的添加、界面的搭建

    首先我们添加图片图片资源 设置xml属性 添加背景图片 创建点视图 运行结果: 添加一个画布用来绘制线 最顶层是点...

  • RecyclerView的简单使用

    添加依赖: 在layout文件中添加recyclerview: 在代码中设置adapter以及设置divider:...

  • 设置背景图片及相关属性

    设置背景图片: 在CSS可以通过background-image: url();设置背景图片 控制背景图片的平铺方...

网友评论

      本文标题:添加背景图片以及设置

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