标签的背景

2017-02-22  本文已影响0人  Isaacyyy

如果设置标签的颜色

在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 不会随着滚动条滚动

上一篇下一篇

猜你喜欢

热点阅读