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
day17 阴影 背景图 响应式布局
水平偏移垂直偏移阴影模糊大小阴影大小阴影颜色阴影位置(inset:里面);水平及垂直向右和向下为正数,反之为负数2.文本阴影text-shadow:水平偏移垂直偏移阴影模糊大小阴影颜色值的特点和盒子阴影一样3.背景图大小
background-size
shasha
·
2020-12-22 23:04
css
uni-app设置页面背景及背景图片
position:fixed;top:0;background-color:red;//其它颜色//背景图片/*background:url('http://bg.png')no-repeat;*//*
background-size
leviys
·
2020-12-07 15:34
前端基础知识复习(css)
border-raduis10pxborder-image边框图像box-shadow水平阴影(必)垂直阴影(必)模糊距离(可)阴影大小(可)阴影颜色(可)内侧阴影(可)background-image背景图/渐变
background-size
南橘北枳_6508
·
2020-12-03 10:17
div+css怎么把模块放在最底层--作为背景图的div置于底层
/image/page_head.jpg)no-repeat;
background-size
:cover;z-index:
大图书馆的牧羊人
·
2020-11-26 21:55
Java
Web学习
css3动画:奔跑的北极
/img/夜晚.jpg);/*
background-size
:100%;*//*z-index:-1;*/}.ice{top:50%;position:absolute;width:3840px;height
杰尼龟116
·
2020-10-16 15:14
css3
animation
css
html
前端学习笔记(一)
超大背景图片的自适应1.首先需要在父布局中添加高度htmlbody{height:100%}2.我们在其中设置cssbody{background:url(xxx.png)centercenter;
background-size
星缘邢
·
2020-10-11 11:49
CSS3新增属性
选择器nth-of-type(n):指定某个标签,选取第几个nth-child(n):指定摸个标签,选取标签所在的位置cursor:鼠标手性:nth-child/::selection:文本选中设置背景
background-size
墨云妖
·
2020-10-09 11:04
2020-10-8 用户注册界面简单代码
其他页面可以自己设置)用户注册界面body{margin:0px;padding:0px;background-image:url(j.jpg);background-repeat:no-repeat;
background-size
Aita_ZteP
·
2020-10-08 22:58
用户注册界面
html
点击按钮实现多张图片的循环切换js
代码:点击按钮实现多张图片的循环切换*{margin:0;padding:0;}.img-wrapper{width:520px;height:520px;
background-size
:contain
丁七岁
·
2020-09-29 21:28
Js
js
javascript
css
html
layui如何动态上传文件
css.forms{width:92px;height:38px;overflow:hidden;background:green;position:relative;background:#727cf5;
background-size
wendyNo
·
2020-09-17 09:42
JS
layui
upload
js
背景图片自适应 总是充满整个屏幕
设置
background-size
:cover;background-position:50%0px;background-repeat:no-repeat;
m-didi
·
2020-09-17 09:47
HTML5
CSS
vue移动端背景图无法铺满真个屏幕解决方案
/assets/download.png');
background-size
:100%100%;height:100%;position:fixed;width:100%;button{margin:auto
lannieZ
·
2020-09-17 08:27
vue
一个制作Web图案的组件:css-doodle
直至CSS一些新特性更趋成熟和稳定的时候,会通过CSS的相关技术,比如CSS的渐变属性配合
background-size
之类的来做一些复杂而又美观的Web图案,运用于background-image之中
W3cplus_
·
2020-09-17 08:52
通过纯CSS实现文字前添加图片
HomeServiesDesignDevelopmentContactus使用padding+background方法#nav>li{padding-left:30px;height:20px;background:url(folder.png)no-repeat;
background-size
shandamengcheng
·
2020-09-16 23:07
CSS
伪元素
文字前添加图片
CSS3 微信小程序和web端适用让图片居中不变形
www.cnblogs.com/web1/p/9327635.htmlweb端.img{vertical-align:middle;object-fit:cover;}object-fit:cover的效果和
background-size
idomyway
·
2020-09-16 08:05
css3
css
cover
object-fit
图片
变形
canvas轨迹运动, 利用向量实现点匀速运动
background:url("http://b-ssl.duitang.com/uploads/item/201202/14/20120214144725_HQ5mX.jpg")00no-repeat;
background-size
小只昵称被占用了
·
2020-09-16 06:09
canvas
canvas
轨迹运动
CSS—IOS的一些兼容性问题
1.在IOS中select下拉框会出现黑背景-webkit-appearance:none;background:url()no-repeatright;/*自己添加下拉箭头*/
background-size
end、落幕
·
2020-09-16 04:33
js
原生JavaScript之实战 模拟重力场(篮球)
/images/lanqiu.png");
background-size
:100px100px;position:absolute;left:0px;top:0px;border-radius:50%50%
weixin_30319097
·
2020-09-16 04:44
css模拟复选框
/i/input.png)no-repeat;
background-size
:100%;}i
weixin_30312563
·
2020-09-16 04:44
多张图片的--------淡入淡出---------效果
淡入淡出.banner{width:100%;border:1pxsolidred;background:url("img/top_bg.png")no-repeat;
background-size
:100%
qq_41563226
·
2020-09-16 03:26
radio和checkbox样式的修改
/images/check2.png)-1px-2px;
background-size
:15px;border:#00A0E91pxsolid;}input[type="radio"]{-webkit-appearance
carior
·
2020-09-16 02:50
常用的样式以及板块
js 单选按钮/多选按钮 选中
/image/no-choice.png)no-repeat;
background-size
:cover;}//提前写好被选中的
自愈力
·
2020-09-16 02:04
js
单选按钮/多选按钮
选中状态
轮播图居中显示,background-image: vue在html中写:style= 变量
imgcar{background-position:centercenter;background-repeat:no-repeat;width:100%;height:300px;
background-size
檀小泡泡
·
2020-09-16 00:45
CSS
css
css控制背景图片自动伸缩自适应的小技巧
所以在IE和FF这两大浏览器中会有一些区别,在FF中的方法可谓简单,只需要用
background-size
则可以控制其随容器的大小而自动伸缩例子如下1.picLUp{2background:url(logo.png
晨枫navy
·
2020-09-15 23:34
Web前端
css
背景图
background-size
设置背景图片尺寸
background-size
有三个属性auto:背景图片的真实大小cover:背景图片等比例缩放到铺满盒子contain:背景图片拉伸以适应盒子大小还可以直接设置大小backgroun-size:100%
大头猴子
·
2020-09-15 22:26
css
SVG标签属性viewbox的妙用
viewbox:可以根据父级大小缩放svg绘制出来的大小//样式.h5_xp{width:640px;height:640px;background:url(xp.png)no-repeat;
background-size
aifu8508
·
2020-09-15 22:42
用style标签的background-image属性 改变图片大小
background-size
调整背景图片的大小,第一个参数值是宽度,第二个参数值是高度
background-size
:100%100%若想调整为自适应宽高,则宽、高都设置为100%,100%
shimmerkaiye
·
2020-09-15 21:19
div+css怎么让背景图片自动缩放
/img/bg.jpg")fixedcentercenterno-repeat;
background-size
:cover;width:100%;}
keepAction
·
2020-09-15 21:37
美工
IE8\IE9浏览器兼容调整总结
IE8不能实现响应式布局IE8及以下版本用html5shiv.js实现html5功能IE8用PIE.htc来实现CSS3的功能(rotate,rgba,
background-size
:cover等)PIE.htc
dimply
·
2020-09-15 19:38
Hexo博客主题优化
Hexo博客主题优化添加背景图在themes/*/source/css/_custom/custom.styl中添加如下代码:body{background:url(/images/bg.jpg);
background-size
达达前端
·
2020-09-15 17:41
其他分类
简单优美的登陆界面
loginUI航空选座系统登录用户名密码2.CSS样式代码body{margin:0;padding:0;font-family:sans-serif;background:url("login.jpg");
background-size
kingyingbin
·
2020-09-15 15:32
CSS3 新特性有哪些
1.颜色:新增RGBA,HSLA模式2.文字阴影(text-shadow)3.边框:圆角(border-radius)边框阴影:box-shadow4.盒子模型:box-sizing5.背景:
background-size
吴羿彤
·
2020-09-15 12:39
小白
vscode修改css文件设置背景图片
{background-image:url(https://upload-images.jianshu.io/upload_images/15066031-c0ce8aa1e3f45297.jpg);
background-size
nofuck~
·
2020-09-15 12:17
css
vscode换背景
important;
background-size
:100%!important;opacity:
ADZG-tuni
·
2020-09-15 11:13
visual
studio
code
Vue基础技术|背景图铺满全屏效果
可以通过css3提供的
background-size
:cover属性设置cover属性后的效果如下:然后再设置背景图居中显示就可以了完整样式文件代码:html,body{margin:0padding:
不忘初心 砥砺前行
·
2020-09-15 10:10
Vue基础技术
背景图片
Angular js在某处点击或鼠标悬浮之后,该处显示相应的悬浮框
position要是absolute,设其id为“mySframe”,是否显示通过ng-show="myFrameShow"来控制,注意,如果想让悬浮框的背景图片随着悬浮框内容的宽度和高度变化而自适应变化,则应该将
background-size
mayuan2011
·
2020-09-14 14:22
html样式收集
/images/bj.jpg")no-repeatlefttopscroll;
background-size
:cover;}
zwn_software
·
2020-09-14 12:34
html
vue-cli脚手架实现全屏背景图
/public/images/login_bg.jpg);background-repeat:no-repeat;
background-size
:100%100
wjh2573755386
·
2020-09-14 11:00
html
一语道破CSS3(二)
background-repeat设置的背景图片是否及如何重复background-position设置背景图片的起始位置background-attachment背景图像是否固定或随页面其余部分滚动
background-size
编程之美,趋之若鹜
·
2020-09-14 11:10
前端
css3
css
主页面图标居中显示,并且随浏览器大小变化移动
代码为目前正在做的“中华美食”主题网站中的代码:外部添加样式:#tb_div{position:absolute;top:0px;height:120px;width:100%;
background-size
lyy0331
·
2020-09-14 09:47
css
使用Vue.js实现一个带滑动效果的倒计时组件
倒计时.box-item{position:relative;display:inline-block;width:190px;height:30px;background:pink;
background-size
Light.T
·
2020-09-14 07:28
前端学习
单选按钮换成图片
relative;font-weight:normal;}.radio.option{width:15px;height:15px;position:absolute;top:10px;left:0px;
background-size
没饭吃!
·
2020-09-14 04:46
js/jQuery
一个简单的banner
源码:一个简单banner*{margin:0;padding:0;}.banner{height:200px;width:200px;height:120px;
background-size
:cover
祥灬子
·
2020-09-14 02:22
网页设计
一行css解决图片统一大小后的拉伸问题(被冷漠的object-fit)
//cssimg{width:80px;height:80px;margin-right:10px;}2.解决方法大多数都是利用
background-size
:cover来避免对图片造成的压缩或者拉伸。
第八个猴子
·
2020-09-13 23:16
bootstrap 轮播图实现大小自适应
当轮播图的大小不统一时,此方法能保持图片原来的宽高比例,但是会出现留白,代码如下:1、引入所需的css文件和js文件2、其中:.banner{
background-size
:contain;background-position
没有可以使用的ID
·
2020-09-13 21:37
HTML
css
js画一棵树
3、定时每隔10ms,从下往上清除1px的遮罩;MyJStreebody{width:1000px;height:570px;background-image:url(image/tree.png);
background-size
weixin_30826761
·
2020-09-13 20:39
HTML5-CSS3新增特性-(笔记)(1)
新增属性选择器及伪类选择器属性选择器伪类选择器css3新增文本样式文字阴影文字描边渐变线性渐变径向渐变网络字体边框属性border-radius边框圆角box-shadow边框阴影border-image边框图片背景属性
background-size
Thetimezipsby
·
2020-09-13 17:47
笔记
html5
css3
背景图片剪裁之
background-size
基本方法:给元素设置div{background:url(image.png);
background-size
:80px60px;background-position:80px100px;}三行分别要表达的意思就是
1005756352
·
2020-09-13 16:45
Web前端
上传图片以base64格式存储进数据库
resources/css/ynzjy/images/user_img.png"style="width:77px;height:77px;
background-size
:cover;z-index:999
万灯皆明
·
2020-09-13 16:10
JAVA
css3
background-size
:cover IE8不支持 解决办法
因为IE8浏览器这个坑,不支持css3的
background-size
:cover这个属性,当时有一个很大的图片需要做页面的背景,要适应不同分辨率的电脑,然后就遇到了这个问题IE8虽然不支持这个属性,但是有一个
liu__software
·
2020-09-13 15:34
浏览器兼容问题
web前端
ie
上一页
5
6
7
8
9
10
11
12
下一页
按字母分类:
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
其他