美文网首页
背景相关-1

背景相关-1

作者: 九天懒猫 | 来源:发表于2022-11-13 07:59 被阅读0次

    1-颜色

    background:颜色;

    没有附加颜色值时候的显示如下图:

    2颜色的三种写法和显示展示

    首先,建立几个文字标签以方便后面给赋值,

    然后,使用类选择器给标签赋值,比如宽weight,高height;

    2-1第一种颜色,关键词

    background-color: pink;

    英文表示颜色

    2-2第二种颜色写法显示

    background-color:rgb(99,70,50)

    rgb内数值最大是255

    2-3第三种颜色写法显示

    background-color:rgba(0,0,0,1 )

    2-4第四种颜色写法显示

    background-color: #ccc;

    #ccc,是十六进制

    3 测试以下已经知道的文本标签是否都能用类选择器赋值

    赋值后显示

    下图是类选择器设置,宽度400像素,高度100像素,背景颜色粉色;

    最终显示,只有p,div,h1这三个标签是按照设置的类选择器内的值显示,其他的标签仅在有文字的位置显示了背景,没有执行背景颜色的宽高。

    相关文章

      网友评论

          本文标题:背景相关-1

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