css——background的一点笔记

最新推荐文章于 2024-04-21 14:30:45 发布
最新推荐文章于 2024-04-21 14:30:45 发布
阅读量364 收藏
点赞数
分类专栏： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yaomqiao/article/details/42969337
版权

background : 属性对IE8一下的浏览器支持不是很好  不支持后面写多个元素的格式，为了兼容性好，

background-image:url(../images/step_bg.png);
background-repeat：no-repeat;
background-position-x:0;
background-position-y:-66px;

这样对任何浏览器都可以很好的支持.

nice_coding
关注
专栏目录
步骤条的实现原理及AliceUI中步骤条Step的应用
To Begin,Begin　　
09-07 9278
导读 　　本文主要介绍了步骤条的实现原理以及Alice UI 的步骤条step的使用方法。 基本原理 　　首先看看从网上找的步骤条： 　　 　　三种状态： 已经完成的状态(done) 当前正在进行的状态(current) 未完成的状态(default) 实现思路: 　　我们可以针对这三种状态给HTML的列表标签li，设
CSS学习笔记——background
weixin_44734398的博客
12-11 197
一、背景的常用样式 背景颜色 background-color 用来设置元素背景颜色 background-color: red; 背景图片 1.background-image 用来设置元素的背景图片 background-image: url("1.jpg"); 背景颜色和背景图片可以同时设置，背景颜色会成为背景图片的背景色。 2.background-repeat 用来设置背景图片的重复方式 bacground-repeat 作用 repeat 默认值，表示背景图片在x和y两个方向
CSS3-新增背景系列background相关属性
路遇惊喜
07-17 1904
1. 回顾一下之前学习过的background属性 1.1 background-color 1.2 background-image 1.3 background-repeat 1.4 background-position 1.5 background-attchment 1.6 background 2. CSS3新增的backgr
css怎么有多余的进度条,css+div多步骤进度条的实现代码
weixin_42611177的博客
08-04 190
本篇文章主要介绍了多步骤进度条的实现原理及代码，具有很好的参考价值。下面一起来看下吧今天在工作的时候写了一个多步骤进度条的代码，在此跟大家分享一下！效果图：代码展示：stepul,li{list-style:none;}.flow_steps{height:55px;width:1000px;margin:100px auto;}.flow_steps .steps{padding-left:0...
background高级用法
qq_33089275的博客
06-18 194
效果图： 代码： 下面展示一些 内联代码片。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> /* --- Universal Box Sizing with Inheritance --- */ html { box-sizing: border-box; } *, *:bef
HTML5基础加强css样式篇（背景图大小设置：background-size）（三十九）
热门推荐
余正源的博客
04-07 2万+
1.background-size属性： .box { margin: 200px 0 0 200px; width: 200px; height: 200px; background-color: orange; backg
CSS——前端笔记
qq_48721706的博客
04-21 1779
css前端笔记
HTML——CSS——浮动（笔记）
代码贩子、的博客
10-10 486
1.核心原理 多个盒子的布局 2.多个盒子布局的种类 2.1 普通流布局(标准流布局) 标准流布局定义->按照默认的方式排列，例如： A.块级元素独占一行，由上至下排列（识别宽高） (div,hr,p,h1-h6,ul,ol,dl,form,table, ...) ​ B.行内元素,从左至右，碰到父元素边框自动换行（设置宽高无效） (span,a,i,em, ...) ​ C.行内块级元素 ​ 分析：使用display属性三者可以相互转化。 （1）display:inline转为行内元素
css笔记——颜色
m0_56423232的博客
04-19 132
gradientDirection表明过渡线的方向，color1是颜色参数（可以是颜色关键字或者十六进制等上面提到的表示方式）0~360表示色调，0~100的百分比表示饱和度，0~100的百分比表示亮度。色调：红色——0度，绿色——120度，蓝色——240度。如 color：#007F00。可以在颜色参数之后加上百分比颜色中间点。spreadRadius阴影影响范围。00表示0%，FF表示100%，blurRadius产生模糊效果。offsetX 阴影横向偏移量。offsetY阴影纵向偏移量。
学习标准——笔记
10-31
### 学习标准——笔记 #### 一、CSS布局技巧与注意事项 1. **对象具有浮动属性时的宽度处理：** - 当一个HTML元素（如`<div>`）设置了`float`属性后，该元素将脱离文档流，并且不再占据原来的位置空间。因此，在...
CSS之盒子模型与背景属性————每天一遍小知识
01-08
前言 这是我学习了这个网站整理的...背景——background1.背景颜色——background color2.背景图像—— background image3.背景重复—— background repeat4.背景的附件（固定与滚动）——background attachment 一.盒
chrome extension例子——选中文本笔记
04-17
【标题】"Chrome扩展开发实例：选中文本笔记" 这篇博客文章主要讲解了如何利用Chrome扩展（Extension）功能，创建一个实用的工具，允许用户在浏览网页时方便地选取文本并进行笔记记录。Chrome扩展是一种JavaScript...
57.公司裁员人员优化方案.docx
09-14
57.公司裁员人员优化方案.docx
GPT-o1 草莓大模型训练原理，IIya 是co-author
最新发布
09-14
内容概要：该论文研究了在解决复杂多步骤推理时，在过程监督(process supervision)方法下训练奖励模型的效果显著优于单纯的结果监督(outcome supervision)，尤其是在难度较高的数学题目上更为突出。通过利用从大数据集中收集到的逐层反馈数据（PRM800K），论文提出了一种基于人类评分反馈的方式训练过程监控模型，这比仅依靠解决方案的结果来优化模型表现得更好。实验证明，过程监控行为使得错误识别更容易，同时也避免模型仅为了得到正确答案而进行逻辑错误推导的问题。 适用人群：自然语言处理的研究人员以及关注人工智能安全和可靠性的技术人员。 使用场景及目标：本文旨在提供一个深入的理解关于过程指导相对于结论导向监管的优势，特别是在需要复杂的、多层次推理任务如自动解答复杂应用型数学问题等方面。 其他说明：本文不仅详细讨论了两者在数据采集效率方面的区别而且还开源了一个完整的带有分级人工评价标签的数据集，以帮助未来对大模型对齐的相关研究工作推进。
c语言大丰收小游戏源码
09-14
c语言大丰收游戏源码
基于Springboot和Vue的在线宠物用品交易网源码 在线宠物用品交易网代码，包括程序，中文注释，配置说明操作步骤
09-14
在线宠物用品交易网-在线宠物用品交易网-在线宠物用品交易网-在线宠物用品交易网-在线宠物用品交易网-在线宠物用品交易网-在线宠物用品交易网-在线宠物用品交易网-在线宠物用品交易网-在线宠物用品交易网-在线宠物用品交易网-在线宠物用品交易网 1、资源说明：在线宠物用品交易网源码，本资源内项目代码都经过测试运行成功，功能ok的情况下才上传的。 2、适用人群：计算机相关专业(如计算计、信息安全、大数据、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工等学习者，作为参考资料，进行参考学习使用。 3、资源用途：本资源具有较高的学习借鉴价值，可以作为“参考资料”，注意不是“定制需求”，代码只能作为学习参考，不能完全复制照搬。需要有一定的基础，能够看懂代码，能够自行调试代码，能够自行添加功能修改代码。 4. 最新计算机软件毕业设计选题大全(文章底部有博主联系方式): https://blog.csdn.net/2301_79206800/article/details/135931154 技术栈、环境、工具、软件： ① 系统环境:Windows ② 开发语言：Java
员工辞退补偿金明细表.xlsx
09-14
员工辞退补偿金明细表.xlsx
西门子1200控制台达A2伺服485通讯控制程序，博图V15.1
09-14
西门子1200控制台达A2伺服485通讯控制程序，博图V15.1
CSS基础入门与常用标签笔记
背景相关属性是另一个重要部分，包括`background-color`、`background-image`（图片背景）、`background-repeat`（重复模式）、`background-position`（背景位置）和`background-attachment`（滚动行为）。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值