标签的背景

如果设置标签的颜色

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • background-color background-color:#ff0000红色background-col...
    每日活菌阅读 555评论 0 0
  • Div和Span标签 什么是div? 作用: 一般用于配合css完成网页的基本布局 什么是span? 作用: 一般...
    Jackson_yee_阅读 917评论 1 1
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,820评论 32 459
  • 偏斜类的误差度量 以预测肿瘤是否为恶性为例,我们使用逻辑回归模型,其假设函数hθ(x),当y = 1时,我们可以预...
    SmallRookie阅读 544评论 0 0
  • 三年前,一次逛书店,偶然一瞥,看到了一本名叫《十八岁前禁止涉足的十八个地方》的书,随手翻开,西塘两个字就映入...
    Sakuralll阅读 490评论 2 1

友情链接更多精彩内容