E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
background-size
2019-04-22
background-image:url(路径);引入背景图片background-repeat:背景重复取值:no-repeat不重复repeat-x在x轴方向重复repeat-y在y轴方向重复repeat默认值重复
background-size
Yscum
·
2023-03-13 07:41
CSS3 背景图尺寸、背景渐变 outline盒子描边
background:url('xxx.jpg')no-repeat;
background-size
:100%100%二.背景渐变浏览器前缀背景渐变应用三.outline盒子描边border占空间,outline
祝名
·
2023-03-12 10:06
css animation @keyframes 动画
/assets/images/voice/icon.png');
background-size
:100%100%;position:absolute;left:10px;t
TDX田冬雪
·
2023-03-11 08:36
CSS音乐播放 图标旋转 暂停保持角度
/imgs/music.png);background-repeat:no-repeat;
background-size
:contain;}.rotate{-webkit-a
BETOMElo
·
2023-03-09 20:05
设置背景图片大小的方法
背景图片大小设置语法:
background-size
:宽度高度;作用:设置背景图片大小取值:取值场景数字+px简单方便,常用百分比相当于当前盒子自身的宽高百分比contain包含,将背景图片等比例缩放,
蜂蜜橘子
·
2023-02-25 14:11
CSS
css
前端
CSS实现背景图片透明和文字不透明效果
50px;text-align:center;}.demo1:before{background:url(http://csssecrets.io/images/tiger.jpg)no-repeat;
background-size
这真的是一个帅气的名字
·
2023-02-18 05:17
css设置body背景图片不平铺只显示一张,图片和屏幕尺寸一样大,不随着屏幕缩放,并解决调整浏览器大小后出现空白条黑框
background-size
:cover;//设置背景图像是否固定,不随着页面的其余部分滚动。background-attachment:fixed;//设置背景图片不平铺bac
名字只是代号_45a3
·
2023-02-18 02:49
修改select下拉框默认样式
/images/small-arrow-down.png")97%no-repeat;
background-size
:7px5px;/*为下拉小箭头留出一点位
桃花谷主V
·
2023-02-16 23:22
移动端与PC端页面布局区别、
background-size
背景图片的缩放
仅供学习,转载请注明出处HTML页面在手机端显示的存在问题HTML页面在电脑的浏览器显示跟在手机端的浏览器显示效果是不一样的,下面写个div来示例看看。首先编写一个div那么下面来切换手机显示看看。切换手机显示可以看到,切换了手机显示之后,div变得很小,并且里面的文字都看不清楚了。那么该怎么办呢?下面来介绍视口的概念。视口视口是移动设备上用来显示网页的区域,一般会比移动设备可视区域大,宽度可能是
Devops海洋的渔夫
·
2023-02-16 23:44
纯css爱心代码-最近超级火的打火机与公主裙中的爱心代码(简易版)
先看效果:代码拆解:主要是分为3大部分分子颗粒爱心动画代码实现:分子颗粒分子颗粒其实非常简单,主要是使用到的就是css的渐变:linear-gradient,然后再用css3新出的
background-size
奶糖 肥晨
·
2023-02-16 21:37
css
css
css3
动画
html
前端
使用padding-top实现响应式背景图片
然后页面容器由于不知道高度,所以只设置了宽度,在设置了css:
background-size
之后,发现页面容器没有被撑开。。。
praycis
·
2023-02-06 23:22
HTML+CSS
1、css实现图片自适应宽高背景图用
background-size
:contain,图片标签用object-fit:contain。
一个做笔记的地方
·
2023-02-06 20:58
微信小程序优美界面之纯CSS星球
300px;height:300px;margin:100pxauto;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);
background-size
_白鹭先生_
·
2023-02-06 08:33
微信小程序
css
css3
html5
回到顶部
position:fixed;bottom:50px;right:30px;cursor:pointer;z-index:9;background:url(images/top.png)no-repeat;
background-size
白开水的白丶
·
2023-02-05 19:56
滚动时背景固定不动
/imgs/main-bg.jpg)centertopno-repeat;
background-size
:100%auto;/*背景不动【只支持ios】*/background-attachment:fixed
Cooli丨Y
·
2023-02-03 00:17
第三天:让简历有点色彩
100%;height:100%;overflow:hidden;}背景图片展示全部background:{url(http:www.baidu.com)no-repeatcentercenter;}
background-size
云_a8c8
·
2023-02-01 11:20
【css问题】background的简写中background-position和
background-size
的顺序问题
前言编写css代码的时候遇到一个奇怪的问题,我想要让背景图片充满整个容器,在background的简写属性中指定
background-size
的值是cover,但是背景图片无法显示。
webchang
·
2023-01-29 10:41
css
css
前端
css3
background
HTML/CSS 实现毛玻璃效果
效果毛玻璃效果图实现代码css主要部分:*{padding:0;margin:0;color:#333;}body,#box::before{background-image:url(img/1.jpg);
background-size
Qnix
·
2023-01-29 06:56
[CSS]-背景图的缩放和拉伸,兼容各浏览器
progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";-moz-background-size:100%100%;
background-size
般若莫那
·
2023-01-26 11:01
img src的图片实现
background-size
: cover 效果
object-fitCSS属性指定如何将替换元素的内容适配到由其使用的高度和宽度建立的框。img{object-fit:cover;object-position:leftcenter;}/*Keywordvalues*/object-fit:fill;object-fit:contain;object-fit:cover;object-fit:none;object-fit:scale-down
smileJiuer
·
2023-01-26 09:00
css background 复合写法(组合写法)
复合模版background:颜色(color或image)位置(position)是否填充(repeat);
background-size
:cover;复合写法例子例子1background:url(
·
2023-01-17 12:43
前端
JavaScript实现登录拼图验证的示例代码
/img/bg.avif);
background-size
:100%100%;background-repe
·
2023-01-13 02:17
如何在div中设置背景图片并且自适应div大小
并且设置no-repeat这样图片就能在div改变的情况下,仍然显示完全#a{background-color:rgb(255,208,0);background-image:url("1.png");
background-size
归来空空
·
2023-01-06 08:25
web
css
定位
background-size
之 背景图的尺寸设置
目录一:
background-size
参数取值1.01.1二:实例分析2.1参数分析2.2代码实例分析引:
background-size
:没有设置任何尺寸时使用图片本身的大小,宽度和高度都是auto默认值可以用
<阿睿>
·
2023-01-05 10:28
前端
html
css
前端
3.移动端百分比布局练习-京东首页
https://youthddup.gitee.io/myproject/1、项目目录结构2、注意(1)设置视口标签以及引入初始化样式(2)二倍精灵图缩放先把精灵图等比缩放原来的一半然后再测精灵图位置代码里
background-size
MY Daisy
·
2022-12-30 00:48
移动端
css
css3
前端
css 中
background-size
属性设置一个100%和两个100%的区别
background-size
:这个属性有两个值,第一个值为x轴方向的缩放比例或者px,第二个值为y轴方向的缩放比例或者px,如果只写一个值,则第二个值默认为auto(根据图片原来的比例,以及现有的宽度
中南大学智能控制与优化决策实验室
·
2022-12-28 01:12
【无标题】web登录界面
登录页面登录立即注册忘记密码.filterImg{width:100%;height:100%;
background-size
:100%;background-position:0px-50px;background-image
北城半夏346
·
2022-12-27 22:15
css
css3
html
拿来即用的前端登录页面(简洁清爽版)
/imags/timg.jpg')no-repeat;
background-size
:cover;}.form-container{padding:10px40px;margin:50px000;border-radius
百羽
·
2022-12-22 22:17
前端
bootstrap
html
layui
登录页
vue
css中解决轮播图图片显示不全的问题,使用
background-size
属性。
解决办法:在设置图片的css里增加
background-size
属性。问题原因分析:没有设置图片原比例完整显示。
大聪明学前端
·
2022-12-19 10:29
css
前端
vue
经验分享
html
学生信息管理系统(php+mysql)
界面与其代码1.主界面(index.php)学生信息管理系统body{background:url("bg.png")no-repeat;
background-size
:10
旧绳
·
2022-12-07 08:04
php
mysql
开发语言
web
数据库
HTML 图片显示不全
写代码,发现图片太大显示不全,看了很多文章,没有解决,直到看到这篇:转载记录一下:
background-size
:coverbackground-size:100%100%都可以,但是图片必须在
background-size
江_小_白
·
2022-11-22 18:09
CSS
html
css
移动Web开发学习笔记 流式布局-百分比布局-flex布局-rem布局
文章目录移动Web开发学习笔记视口viewportmeta视口标签二倍图物理像素&物理像素比二倍图背景缩放
background-size
移动端技术解决方案CSS3盒子模型box-sizing移动端特殊样式设置移动端常见布局流程布局
nuise_
·
2022-11-21 20:58
css+html
前端
css
学习
pink-移动web开发之流式布局
的开发现状写出标准的viewport使用移动WEB的调试方法说出移动端常见的布局方案描述流式分布独立完成京东移动端首页1.移动端基础2.视口3.二倍图二倍精灵图做法先缩小一倍精灵图量logo尺寸和坐标css中
background-size
云诗卡达
·
2022-11-21 20:41
前端学习笔记
html
css
css3
web
登录验证,复杂验证
background-image:url("{{url_for('static',filename='images/bg-login.jpg')}}");background-repeat:no-repeat;
background-size
潮阿景
·
2022-11-21 05:44
html
css
html
javascript
动态爱心-李峋同款爱心(有手就行版)
height:100%;padding:0;margin:0;background:#000;}canvas{position:absolute;background-image:url("1.jpg");
background-size
哈啰cool狗
·
2022-11-10 07:00
javascript
前端
html
计时器 setInterval 练习, 秒杀 时钟
./2.jpg);
background-size
:100%;background-repeat:no-repeat;text-align:center;line-height:950px;}span{width
昨夜太平长安888
·
2022-10-12 10:08
javascript
秒杀
计时器
setInterval
简单的个人介绍网页【附代码】
个人介绍网页效果代码注:图片大家可以选择自己喜欢的,不在另外附加喽Chrisbody{margin:0;padding:0;background:url(photo.jpg)no-repeat;
background-size
Baridhu
·
2022-09-25 00:11
前端设计基础
css
html
html5
H5C3新特性简单总结
新特性:1.颜色:新增RGBA,HSLA模式2.文字阴影(text-shadow)3.边框:圆角(border-radius)边框阴影:box-shadow4.盒子模型:box-sizing5.背景:
background-size
南风_思学
·
2022-09-22 18:39
html
css
html5
使用localStorage实现注册和登录验证功能
/bg.jpg');
background-size
:cover;
vernin
·
2022-09-10 19:03
javascript
html
javascript
html5
JS点击按钮获取列表信息,纯JS代码创建表格,如何引入CSS框架,<svg>标签
:2rem;height:1rem;outline:0;background-image:url("data:image/svg+xml,");background-repeat:no-repeat;
background-size
姓蔡小朋友
·
2022-09-06 06:56
JavaScript
javascript
前端
html
3、CSS动态时钟
/img/1.jpg);
background-size
:cover;margin:0auto;margin-top:100px;border-radius:50%;position:
BOOL DoubleYellow
·
2022-09-06 06:30
三
细节技术分享专栏
css
servlet
前端
threejs学习第一天--3D地月环绕实战案例
实现效果部分代码index.html:Document*{margin:0;padding:0;}canvas{background-image:url(imgs/star.jpg);
background-size
chnyi6_ya
·
2022-08-28 20:25
three.js
3d
背景图片设置
目录一、背景贴图方式二、重复效果(background-repeat)三、图片位置1、像素方式2、九宫格方式四、图片大小(
background-size
)五、图片偏移位置原点(background-origin
comegoing-归去兮来
·
2022-08-13 08:02
前端css基础
css
css3
前端
CSS3 新增特性总结
text-shadow)边框:边框圆角:(border-radius)边框阴影:(box-shadow)边框图片:(border-image)弹性盒子模型:(box-sizing:border-box;)背景:
background-size
木蓝茶陌*_*
·
2022-08-04 18:47
前端
css
css3
前端
css
css3
【Vue+element+admin】登陆页面篇(login.vue)
/assets/login_1.jpg");
background-size
:cover;二、系统默认启动login/index.vue页面的原理permission.js路由配置:ruoter/index.j
敦厚的曹操
·
2022-07-31 07:45
26.【Vue】
vue.js
javascript
前端
实现一个简单的注册页面注册
/login.a6245adb.png)no-repeat;
background-size
:100%100%;height:100vh;}/*盒子外围的样式设置*/.box2{width:100%;height
henry_rhy
·
2022-07-19 11:20
前端基础学习
html
css
前端
原生JS实现天气预报
历史查询清除历史记录生活指数舒适度指数穿衣指数感冒指数运动指数旅游指数紫外线指数洗车指数空气污染扩散条件指数CSS代码*{margin:0;padding:0;}ul,li{list-style:none;}body{
background-size
·
2022-07-13 16:36
20220710_JavaScript_事件监听案例_注册表单验证
/Files/redemption001.jpg");
background-size
:cover;text-align:center;}
PeterWarne
·
2022-07-12 08:07
JavaWeb
javascript
前端
css
(前端知识点)CSS3 新特性与html5 新特性
答:1.颜色:新增RGBA,HSLA模式2.文字阴影(text-shadow、)3.边框:圆角(border-radius)边框阴影:box-shadow4.盒子模型:box-sizing5.背景:
background-size
慢慢变亮~
·
2022-07-11 20:32
html5
前端
css3
移动WEB开发之流式布局
学习目录移动端最终需要完成一个京东页面浏览器基础手机屏幕现状移动端调试方法总结视口布局视口视觉视口理想视口总结meta视口标签标准的viewport设置最完美的写法物理像素与物理像素比二倍图图片里面的像素太丰富了,文字一般是不会受到什么影响的多倍图背景缩放
background-size
Co-King
·
2022-07-09 20:27
web前端技术
前端
css
css3
上一页
2
3
4
5
6
7
8
9
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他