CSS背景样式详解：颜色、图片与布局-优快云博客

本文链接：https://blog.youkuaiyun.com/x1785551/article/details/121807579

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title>背景样式的使用</title>

       <style type="text/css">
           div{
               width: 500px;
               height: 450px;
               background-color: red;

               background-image: url(imgs/arrow-right.gif);
               /* 重复方式属性 */
               background-repeat: repeat;
               /* 图片定位属性第一个center指的是水平居中第二个属性值说明竖直置顶 */
               background-position: center top;


               /* shift+alt 多重输入选中 */


               /* 简写以上四个属性该属性将上面的覆盖了平铺方式沿x轴平铺位置水平居中蓝色背景背景属性简写时不分先后顺序另外补充：字体font属性简写需要分先后顺序分别为字体风格字体粗细字体尺寸字体字号*/
               background:blue repeat-x center url(imgs/arrow-down.gif) ;