当前位置: 首页 > news >正文

CSS背景

1 颜色

background-color

2 背景图片

background-image:url(xxx);

常用于logo或超大背景图片(精灵图等),优点是方便控制位置

背景平铺

background-repeat:repect | no -repect

位置

background-position: x y;

小技巧:网上扒图片

首先打开调试工具,单机图片,找到地址再open in new tab,最后图片另存为

背景图像固定(背景附着)

background-attachement : scroll | fixed

最后背景属性也有复合写法,简写方式:

background:背景颜色 背景图片地址 背景平铺 背景图像滚动 背景图片位置;

背景色半透明:

background : rgba(0,0,0,0.3);

最后一个值是透明度,值在0~1之间

相关文章:

  • redis的安全认证
  • 网页布局三大核心:盒子模型、浮动、定位
  • 快速让你明白Objective-C的语法(和Java、C++对比)
  • 说说对vue的理解
  • 聊天界面中ListView使用
  • css的引入方式
  • vite的基本使用
  • VUE组件化
  • 获取当前程序路径
  • vue3.X调试工具vue-devtools-6.0.0安装
  • 组件的基本使用上
  • 电子技术中的dB
  • 组件的基本使用下
  • Git代码版本控制
  • 阿里云9折推荐码:0LGVW2
  • 【RocksDB】TransactionDB源码分析
  • Apache Zeppelin在Apache Trafodion上的可视化
  • create-react-app做的留言板
  • docker容器内的网络抓包
  • Mithril.js 入门介绍
  • PHP 程序员也能做的 Java 开发 30分钟使用 netty 轻松打造一个高性能 websocket 服务...
  • python学习笔记-类对象的信息
  • spring security oauth2 password授权模式
  • springMvc学习笔记(2)
  • vue.js框架原理浅析
  • Webpack入门之遇到的那些坑,系列示例Demo
  • 短视频宝贝=慢?阿里巴巴工程师这样秒开短视频
  • 爬虫进阶 -- 神级程序员:让你的爬虫就像人类的用户行为!
  • 微服务入门【系列视频课程】
  • 怎样选择前端框架
  • 带你开发类似Pokemon Go的AR游戏
  • ​iOS安全加固方法及实现
  • ​插件化DPI在商用WIFI中的价值
  • #绘制圆心_R语言——绘制一个诚意满满的圆 祝你2021圆圆满满
  • #微信小程序(布局、渲染层基础知识)
  • (1) caustics\
  • (11)MSP430F5529 定时器B
  • (6)STL算法之转换
  • (C语言版)链表(三)——实现双向链表创建、删除、插入、释放内存等简单操作...
  • (附源码)php新闻发布平台 毕业设计 141646
  • (附源码)spring boot校园健康监测管理系统 毕业设计 151047
  • (附源码)springboot家庭财务分析系统 毕业设计641323
  • (未解决)macOS matplotlib 中文是方框
  • (转) 深度模型优化性能 调参
  • (转)ORM
  • (轉貼) 資訊相關科系畢業的學生,未來會是什麼樣子?(Misc)
  • .libPaths()设置包加载目录
  • .NET Remoting Basic(10)-创建不同宿主的客户端与服务器端
  • .NET 的静态构造函数是否线程安全?答案是肯定的!
  • .NET 动态调用WebService + WSE + UsernameToken
  • .Net(C#)自定义WinForm控件之小结篇
  • .Net+SQL Server企业应用性能优化笔记4——精确查找瓶颈
  • .NET成年了,然后呢?
  • .NET框架
  • @LoadBalanced 和 @RefreshScope 同时使用,负载均衡失效分析