CSS-Day5

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、CSS背景样式

1.1.背景颜色

background-color：默认透明 transparnt

1.2.背景图片

background-image:url();常用于logo或装饰的小图片或大图片

1.3.背景平铺

background-repeat:repeat/no repeat/repeat-x(沿着x轴平铺）/repeat-y

1.4.背景图片位置

background-position:x y

1.参数是方位名词

超大的背景图片设置如下：

 body {
            background-image: url(16886395979415.png);
            background-repeat: no-repeat;
            background-position: center top;
        }

小图标背景设置如下：

 <div>
        <a href="#">欢迎登陆</a>
        <!-- <p>登陆后查看战绩</p> -->
    </div>

/* 3.王者logo */
        div {
            width: 223px;
            height: 90px;
            background-color: #323235;
            background-image: url(王者logo.png);
            background-repeat: no-repeat;
            background-position: left center;
        }

        a {
            display: block;
            text-decoration: none;
            color: #fff;
            font: 16px 'Microsoft YaHei';
            line-height: 90px;
            text-indent: 4em;
        }

 

 2.参数是精确单位，第一个肯定是水平轴，第二个肯定是垂直轴

3.参数是混合单位

---

总结

今天看了一点点课，后来看到设置背景 觉得好酷 跑去设置背景了哈啊哈，本来想弄一张白一点的 但是我发现那样我的字体颜色看着好费劲，可能是我没弄好参数，这样看着又好像弄了个寂寞啊啊啊