CSS3 background

background 参数

该属性是所有设置背景属性的集合,下面列表为background属性的参数顺序,从上到下。

  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position / background-size
  • background-clip

background 实例

在上面列举的参数中,比较常用的一组参数配搭为background: 图片地址 是否重复 显示位置

<!-- 通过这三个简单的参数配搭,其实已经能涵盖大部分使用场景 -->

<div style="width:500px;height:200px; background: url('https://www.jmjc.tech/public/home/img/flower.png') no-repeat 50% 50%"></div>

显示效果

更多教程 HTML5 教程 CSS3 教程 JavaScript 教程 JQuery 教程 React.js 教程 Node.js 教程 Koa2 教程 Python 教程 Linux 教程