美文网首页
标签的背景

标签的背景

作者: Isaacyyy | 来源:发表于2017-02-22 10:57 被阅读0次

    如果设置标签的颜色

    在CSS中有一个background-color:的属性,就是专门用来设置标签的背景颜色的。

    取值:
             具体的颜色单词。
             rgb
             rgba
             十六进制

    如何设置背景图片

    在CSS中有一个background:url();的属性。就是用来设置背景图片的

    注意点:

    图片的地址必须写在URL()中,图片地址可以是本地地址也可以是网络地址
    如果图片的大小没有标签的大小大,那么会自动在 水平和垂直方向平铺,
    background的平铺取值。
    repeat 默认平铺
    no-repeat 不平铺
    repeat-x 在水平方向平铺
    repeat-y 在垂直方向平铺

    应用场景, 可以通过平铺降低图片的大小。

    如何控制背景图片的位置

    在CSS中有一个background-position的属性 就是专门用于控制背景图片的位置的

    格式

       background-position: 水平方向 垂直方向;
    

    取值
    具体方位名词
    垂直方向:top center bottom
    水平方向:left center right
    具体像素
    PX;

    背景的缩写

    background: 背景颜色 背景图片 平铺方式 关联方式 定位方式 :
    background:属性中, 任何一个都可以省略

              background:red url(images/XX.jpg) no-repeat left bottom;
    

    背景的关联方式

    默认情况下背景图片会随着滚动条滚动
    如果不想让背景图片随着滚动条滚动那么我们就可以修改背景图片和滚动条的关联方式

    background-attachment:
    取值。
    scroll 会随着滚动条滚动

    fixed 不会随着滚动条滚动

    相关文章

      网友评论

          本文标题:标签的背景

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