美文网首页
标签的背景

标签的背景

作者: 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 不会随着滚动条滚动

相关文章

  • 标签的背景

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

  • CSS基础-背景和精灵图

    背景相关属性 背景颜色 如何设置标签的背景颜色? 在CSS中可以通过background-color:属性设置标签...

  • 13-CSS基础-背景和精灵图

    背景相关属性 背景颜色 如何设置标签的背景颜色? 在CSS中可以通过background-color:属性设置标签...

  • CSS基础--背景和精灵图

    背景相关属性 背景颜色 如何设置标签的背景颜色?在CSS中可以通过background-color:属性设置标签的...

  • 背景

    背景(Backgrounds) 拥有两个配置背景的标签。背景可以是颜色或者图像。 背景颜色(bgcolor) 背景...

  • 代码/表格/表单

    #内联代码 标签使文字变红,背景变红 标签原样输出,bootstrap中给其加了灰色背景的框体 #表格 table...

  • CSS背景属性

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

  • day13-CSS-背景和精灵图

    背景颜色 如何给标签设置颜色CSS中的background-color属性就是设置标签的背景颜色 如何取值?具体的...

  • 06-CSS背景属性

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

  • CSS背景颜色

    一、设置标签的背景颜色 如何设置标签的背景颜色? 在CSS中有一个background-color 属性,就是专门...

网友评论

      本文标题:标签的背景

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