background背景相关之背景颜色

更新日期: 2020-09-29阅读: 1.6k标签: 背景分享

复制链接

新浪微博

QQ 好友

扫一扫分享

css背景缩写属性可以在一个声明中设置所有的背景属性,css背景图像支持引入多个图像.

主要属性有:background-color,background-image,background-repeat,background-position,background-attachment,background-size,background-origin,background-clip

background-color背景颜色:

指定要使用的背景颜色,例如:background-color:#ffcc00;
也可以简写为background;
background-color不能继承,其默认值是transparen,意思为"透明",也就是说一个元素没有指定背景色，那么背景色就是透明的,这样其祖先元素的背景才能可见;
transparent指定背景颜色应该是透明,这是默认的.
inherit指定背景颜色,应该从父元素继承.

background-color代码:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
        h3{
            width: 650px;
            height: 32px;
            /* background-color: orange; */
            background: orange;/*简写*/
            color: #fff;
            text-align: center;
            line-height: 32px;
        }
        div{
            width: 200px;
            height: 200px;
            background-color: darkcyan;
            margin: 0 auto;
        }
        </style>
    </head>
    <body>
    <h3>一个牛掰的seoer掌握几门程序语言必不可少</h3>
    <div></div>
    </body>
</html>

background-color可以简写为background,文本对齐方式text-align,包含为center居中对齐,left居左对齐,right居右对齐

块元素居中对齐和和文本居中对齐：

text-align:center控制文字内容居中,margin:0 auto控制块级元素居中
height和line-height一致，文字内容垂直居中,line-height用来控制行间距(一行文字和一行文字的垂直间距)

链接: https://fly63.com/article/detial/9788

background背景相关之背景颜色

10 个独特的 CSS 背景视觉效果

css条纹背景样式、及方格斜纹背景的实现

微信小程序背景图为什么显示不出来？解决背景图片显示问题

css sprite

CSS3背景 background-size

CSS box-sizing与background-clip解决背景显示范围的问题

css背景图充满整个屏幕

详解如何给背景图片加颜色遮罩

canvas 生成页面水印，MutationObserver 控制节点防修改

background 设置文本框背景图