- 当背景为两种颜色交替出现时？用重复性渐变实现
痛心凉
重复性渐变cssdiv{background-image:linear-gradient(0deg,rgba(255,255,255,.2)50%,transparent50%,transparent);background-size:37px37px;background-color:#EBEBEB;//按需要改动背景色}
- 使用vue2和css样式添加背景图片
Sky1900_
css前端css3html
登录.ma{/*//这里地址是用项目中图片所在路径为准*/background:url("../assets/2.jpg");/*//将图片样式不重复*/background-repeat:no-repeat;/*//设置图片大小*/background-size:100%;/*设置全屏*/position:fixed;/*设置div高度*/height:100%;/*设置div宽度*/width
- 【CSS】background样式没有生效
凭栏听雨客
假如我今天离职css前端
1.问题背景设置了background-size:"100%100%"没有生效。background:`url(${this.getUrl(this.state.scenelist.length>1?item.bannerLongUrl:item.bannerShortUrl)})`,\background-size:"100%100%"2.分析2.1结论由于图片需要远程获取，如果先执行backg
- background-size
子却
规定背景图像的尺寸background-image:url("xxx");background-size:100px200px;其它属性background-size:cover;把背景图像扩展至足够大，以使背景图像完全覆盖背景区域;注：背景图像的某些部分也许无法显示在背景定位区域中。background-size:containe;把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域
- Vue3背景设置
遇意
Vuecsscss3html
图片存放在assets下样品展示html{width:100px;height:100px;}body{width:100px;height:100px;}#background{ //图片路径background-image:url("../assets/image/3379.jpg");width:100%;height:100%;position:fixed;background-size
- css 背景图片居中显示
yhr19910929
vuecss
经常用到css中背景图片居中显示，记录下，直接上代码：height:100%;width:100%;background-image:url("图片地址");background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:100%100%;如果要保持图片的宽高
- div设置background图片后怎么让图片铺满div
fury_123
htmlcss前端
可以使用CSS中的background-size属性和background-image属性来实现将图片作为一个div的背景图并撑满屏幕的效果。具体的方法如下：1.首先，需要给这个div设置一个背景图片。可以使用background-image属性来完成。例如：div{background-image:url("图片路径");}2.接下来，需要设置背景图片的大小。可以使用background-siz
- css 动画效果：水平直线来回运动：animation
CAD GIS开发
css前端
background:url(https://hao2.qhimg.com/t01b958e8662853d1c8.png)no-repeat;background-size:119px30px;color:#fff;display:inline-block;height:30px;width:119px;line-height:27px;position:absolute;left:-115px
- 背景颜色和背景图片覆盖区域（CSS查漏补缺）
hijackli
文:jack同学jack同学背景颜色默认覆盖到border,而背景图片默认覆盖到padding。可以使用border-style:dashed测试查看(只针对块级元素不针对内联元素)设置属性background-clip:content-box/padding-box/border-box(默认);改变背景颜色覆盖区域设置属性background-size:100%/100px/contain;可
- 移动端WEB开发
Mon trésor.88
前端javamysql
目录一，meta视口标签二，物理像素（分辨率）与物理像素比三，二倍图二倍精灵图的做法四，背景缩放background-size五，移动端开发选择单独移动端页面（主流）响应式兼容PC移动端六，移动端技术解决方案七，特殊样式一，meta视口标签想要理想视口，就要给移动端页面添加meta视口标签属性解释说明width宽度设置的是viewport宽度，可以设置device-width特殊值initial-
- 妙用 background 实现花式文字效果
狂徒_张三
本文将讲解如何利用background系列属性，巧妙的实现一些花式的文字效果。通过本文，你将可以学到：通过background-size与background-position实现酷炫的文字下划线效果通过background-size与background-position以及background-clip实现文字逐个渐现的效果通过animation-delay实现文字的渐现效果起因写本文的动机是
- 【网页设计】春节页面背景模板
a辰龙a
javascript开发语言前端
无偿下载地址：https://download.csdn.net/download/weixin_47040861/888111431.实现效果2.代码1.html春节2.css*{margin:0;padding:0;}html,body{height:100%;}body{background-image:url(./image/bg.png);background-size:100%100%
- CSS-背景的相关属性
大庆无疆
1、背景尺寸属性专门用于设置背景图片的大小background-size:取值：（1）宽高（可为具体像素或百分比）（2）auto高（宽度随高度的变化等比例拉伸）（3）宽auto（高度随宽度的变化等比例拉伸）（4）contain(告诉系统背景图片要等比例拉伸，宽高有一个填满便不再拉伸)（5）cover(告诉系统背景图片要等比例拉伸，并且宽高都要填满才停止)2、背景图片定位区域属性：告诉系统背景图片从
- JS实现简易的坦克发射(发射子弹)
bestvous
键盘事件和组合键*{margin:0;padding:0;}#div1{width:40px;height:40px;position:absolute;background:url(tank.png);background-size:100%;/*background:orange;*/transform:rotate(0deg);}.pd{width:5px;height:15px;borde
- CSS 星空按钮
特创数字科技
CSS动画css前端
星空按钮body{background-color:#212121;}.btn{margin-top:300px;display:flex;justify-content:center;align-items:center;width:10rem;overflow:hidden;height:3rem;background-size:300%300%;backdrop-filter:blur(1r
- 13.CSS学习（四）
Kylincsg
从零教你学Web前端css学习前端笔记经验分享css3其他
上一篇：12.CSS学习（三）CSS学习CSS3层次选择器属性选择器伪元素选择器权重值圆角阴影文本阴影盒子阴影背景background-size背景大小background-origin背景原点background-clip背景裁剪background-image背景图片滤镜几个透明度设置的区别动态计算函数渐变线性渐变径向渐变重复渐变css3变量倒影设置盒模型过渡定义过渡的属性定义过渡持续时间定义
- CSS3背景
LorenSLJ
CSS3background-size属性background-size属性规定背景图片的尺寸。在CSS3之前，背景图片的尺寸是由图片的实际尺寸决定的。在CSS3中，可以规定背景图片的尺寸，这就允许我们在不同的环境中重复使用背景图片。IE9+、Firefox4+、Opera、Chrome以及Safari5+支持background-size属性。div{background:url(img_flw
- 小程序自适应背景图,不同屏幕比例 如何做到不变形、不留空白
wx_caiji
1、fixed定位一个image标签，width:100vw;height:100vh;mode选择aspectFill2、background-size:cover1）是按照图片的比例放大或者缩小至充满容器，而不是按照容器的比例大小来缩放。2）如果照片的比例和容器的比例是不一致的，必定会导致照片的不完整性。
- CSS Day9-CSS新样式
2301_76534754
csscss3html5
9.1背景相关属性背景图片background-imageurl引入图片地址展示特点：由上到下，由左到右依次排列背景图大小background-sizebackground-size：宽高；（相比这个最优）background-size：cover；图片展示不全background-size：contain；图片平铺背景平铺background-repeatbackground-repeat：re
- css 背景图片随屏幕大小自适应全屏
陈皮太
css
body{min-height:500px;background:url(/xd/resources/new/uploadimage/form_bg_new.png)no-repeatlefttop!important;background-size:auto!important;overflow:hidden;background-repeat:repeat!important;backgrou
- 一个Python网站。
bicart
csscss3html
本文使用创作助手。HTML文件（index.html）：bicart介绍body{background-color:#f5f5f5;background-image:url("/static/background_image.jpg");background-size:cover;background-position:center;}.nav{background-color:#333;over
- css 3D立体动画效果怎么转这个骰子才能看到5
与妖为邻
css3d前端
css3D立体动画效果怎么转这个骰子才能看到53D效果认知:使用transform实现3D立方体*{margin:0auto;padding:0;}body{background:#fffdfd;}h1{text-align:center;color:#c16f6f;}pre{background-size:800px400px;padding:20px;/*文字大小*/font-size:18p
- 详解background（background-color background-clip background-image 渐变函数）[第一天]
PBitW
重学前端2csscss详解background详解css3渐变重复性渐变参数详解css实现渐变文字
文章目录backgroundbackground-colorbackground-clipbackground-imagebackground-repeat（平铺）background-position（背景位置）background-size（背景图大小）background-attachment（固定或滚动）渐变函数linear-gradient()[线性渐变]css3实现字体渐变色radia
- HTML——文字水印
一只漫步前行的羊
htmlhtml前端javascript
.waterSeal{background-image:url('data:image/svg+xml;utf8,文字印'),url('data:image/svg+xml;utf8,文字印');background-size:150px140px;pointer-events:none;}
- 案例-自定义一个右键菜单
kino2046
（另一种笔记里找）自定义右键body{width:100vw;height:100vh;background:url(./imgs/bg.png)no-repeat;background-size:100%100%;position:relative;}#list{margin:0;padding:0;list-style:none;width:180px;height:200px;positio
- HTML登录页面透明样式
它朝若是
C#html前端javascript
html登录中心名称：密码：注册用户style样式body{height:100%;background-image:url("/Content/img/bg1.jpg");background-size:cover;background-repeat:no-repeat;position:relative;}form{border-radius:8px;//圆角width:465px;heigh
- Vue 实现卡片切换动画+input模糊搜索的字匹配正则变色
上优
vue.jsjavascriptecmascript
Document-->*{margin:0;padding:0;box-sizing:border-box;}.left_container{background:url('https://images8.alphacoders.com/132/thumbbig-1323361.webp')no-repeatcentercenter;background-size:cover;border-rad
- JavaScript复习小案例
爱吃java的羊儿
javascriptjavascript开发语言ecmascript
JavaScript实现简易留言板效果图完整代码留言板body{background-color:#f4f4f4;}/*外部容器样式设置*/.wrapper{width:400px;height:500px;background-image:url(../img/689334441.jpg);background-size:contain;border-radius:15px;opacity:.6
- 2020-07-08-New Begin11
RyuukoGYC
块行内行内块行高：基线与基线之间的距离如图CSS背景背景颜色背景图片背景平铺案例背景附着背景简写如图background-size:xy背景图片大小如图背景透明如图总结总结CSS三大特性层叠性：就近原则继承性继承性优先级如图注意：继承的权重为0注意总结略CSS盒子模型border：如图分别指定边框宽度如图改变表单控件边框如图border：none；四个边框都没有表格的细线边框
- CSS-设置背景图片的大小
LxyingINGing
csscss前端
要设置背景图片的大小，您可以使用CSS的background-size属性。这个属性允许您指定背景图片的尺寸。background-size属性可以接受不同的值，包括：auto：保持原始图片的尺寸。cover：将图片缩放到完全覆盖背景区域，可能会裁剪部分图片。contain：将图片缩放到完全适应背景区域，可能会留有空白区域。具体的尺寸值，例如100px、50%等。以下是几个示例：/*将背景图片缩放
- Java实现的简单双向Map，支持重复Value
superlxw1234
java双向map
关键字：Java双向Map、DualHashBidiMap
有个需求，需要根据即时修改Map结构中的Value值，比如，将Map中所有value=V1的记录改成value=V2，key保持不变。
数据量比较大，遍历Map性能太差，这就需要根据Value先找到Key，然后去修改。
即：既要根据Key找Value，又要根据Value
- PL/SQL触发器基础及例子
百合不是茶
oracle数据库触发器PL/SQL编程
触发器的简介;
触发器的定义就是说某个条件成立的时候，触发器里面所定义的语句就会被自动的执行。因此触发器不需要人为的去调用，也不能调用。触发器和过程函数类似 过程函数必须要调用,
一个表中最多只能有12个触发器类型的,触发器和过程函数相似 触发器不需要调用直接执行,
触发时间：指明触发器何时执行，该值可取：
before：表示在数据库动作之前触发
- [时空与探索]穿越时空的一些问题
comsci
问题
我们还没有进行过任何数学形式上的证明,仅仅是一个猜想.....
这个猜想就是; 任何有质量的物体(哪怕只有一微克)都不可能穿越时空,该物体强行穿越时空的时候,物体的质量会与时空粒子产生反应,物体会变成暗物质,也就是说,任何物体穿越时空会变成暗物质..(暗物质就我的理
- easy ui datagrid上移下移一行
商人shang
js上移下移easyuidatagrid
/**
* 向上移动一行
*
* @param dg
* @param row
*/
function moveupRow(dg, row) {
var datagrid = $(dg);
var index = datagrid.datagrid("getRowIndex", row);
if (isFirstRow(dg, row)) {
- Java反射
oloz
反射
本人菜鸟，今天恰好有时间，写写博客，总结复习一下java反射方面的知识，欢迎大家探讨交流学习指教
首先看看java中的Class
package demo;
public class ClassTest {
/*先了解java中的Class*/
public static void main(String[] args) {
//任何一个类都
- springMVC 使用JSR-303 Validation验证
杨白白
springmvc
JSR-303是一个数据验证的规范，但是spring并没有对其进行实现，Hibernate Validator是实现了这一规范的，通过此这个实现来讲SpringMVC对JSR-303的支持。
JSR-303的校验是基于注解的，首先要把这些注解标记在需要验证的实体类的属性上或是其对应的get方法上。
登录需要验证类
public class Login {
@NotEmpty
- log4j
香水浓
log4j
log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, HTML, DATABASE
#log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, ROLLINGFILE, HTML
#console
log4j.appender.STDOUT=org.apache.log4j.ConsoleAppender
log4
- 使用ajax和history.pushState无刷新改变页面URL
agevs
jquery框架Ajaxhtml5chrome
表现
如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时，细心的你会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。
是什么有这么强大的功能呢？
HTML5里引用了新的API，history.pushState和history.replaceState，就是通过
- centos中文乱码
AILIKES
centosOSssh
一、CentOS系统访问 g.cn ，发现中文乱码。
于是用以前的方式：yum -y install fonts-chinese
CentOS系统安装后，还是不能显示中文字体。我使用 gedit 编辑源码，其中文注释也为乱码。
后来，终于找到以下方法可以解决，需要两个中文支持的包：
fonts-chinese-3.02-12.
- 触发器
baalwolf
触发器
触发器(trigger)：监视某种情况，并触发某种操作。
触发器创建语法四要素：1.监视地点(table) 2.监视事件(insert/update/delete) 3.触发时间(after/before) 4.触发事件(insert/update/delete)
语法：
create trigger triggerName
after/before
- JS正则表达式的i m g
bijian1013
JavaScript正则表达式
g:表示全局（global)模式，即模式将被应用于所有字符串，而非在发现第一个匹配项时立即停止。 i:表示不区分大小写（case-insensitive）模式，即在确定匹配项时忽略模式与字符串的大小写。 m:表示
- HTML5模式和Hashbang模式
bijian1013
JavaScriptAngularJSHashbang模式HTML5模式
我们可以用$locationProvider来配置$location服务（可以采用注入的方式，就像AngularJS中其他所有东西一样）。这里provider的两个参数很有意思，介绍如下。
html5Mode
一个布尔值，标识$location服务是否运行在HTML5模式下。
ha
- [Maven学习笔记六]Maven生命周期
bit1129
maven
从mvn test的输出开始说起
当我们在user-core中执行mvn test时，执行的输出如下：
/software/devsoftware/jdk1.7.0_55/bin/java -Dmaven.home=/software/devsoftware/apache-maven-3.2.1 -Dclassworlds.conf=/software/devs
- 【Hadoop七】基于Yarn的Hadoop Map Reduce容错
bit1129
hadoop
运行于Yarn的Map Reduce作业，可能发生失败的点包括
Task Failure
Application Master Failure
Node Manager Failure
Resource Manager Failure
1. Task Failure
任务执行过程中产生的异常和JVM的意外终止会汇报给Application Master。僵死的任务也会被A
- 记一次数据推送的异常解决端口解决
ronin47
记一次数据推送的异常解决
需求：从db获取数据然后推送到B
程序开发完成，上jboss,刚开始报了很多错，逐一解决，可最后显示连接不到数据库。机房的同事说可以ping 通。
自已画了个图，逐一排除，把linux 防火墙 和 setenforce 设置最低。
service iptables stop
- 巧用视错觉-UI更有趣
brotherlamp
UIui视频ui教程ui自学ui资料
我们每个人在生活中都曾感受过视错觉（optical illusion）的魅力。
视错觉现象是双眼跟我们开的一个玩笑，而我们往往还心甘情愿地接受我们看到的假象。其实不止如此，视觉错现象的背后还有一个重要的科学原理——格式塔原理。
格式塔原理解释了人们如何以视觉方式感觉物体，以及图像的结构，视角，大小等要素是如何影响我们的视觉的。
在下面这篇文章中，我们首先会简单介绍一下格式塔原理中的基本概念，
- 线段树-poj1177-N个矩形求边长（离散化+扫描线）
bylijinnan
数据结构算法线段树
package com.ljn.base;
import java.util.Arrays;
import java.util.Comparator;
import java.util.Set;
import java.util.TreeSet;
/**
* POJ 1177 (线段树+离散化+扫描线)，题目链接为http://poj.org/problem?id=1177
- HTTP协议详解
chicony
http协议
引言
- Scala设计模式
chenchao051
设计模式scala
Scala设计模式
我的话： 在国外网站上看到一篇文章，里面详细描述了很多设计模式，并且用Java及Scala两种语言描述，清晰的让我们看到各种常规的设计模式，在Scala中是如何在语言特性层面直接支持的。基于文章很nice，我利用今天的空闲时间将其翻译，希望大家能一起学习，讨论。翻译
- 安装mysql
daizj
mysql安装
安装mysql
(1)删除linux上已经安装的mysql相关库信息。rpm -e xxxxxxx --nodeps (强制删除)
执行命令rpm -qa |grep mysql 检查是否删除干净
(2)执行命令 rpm -i MySQL-server-5.5.31-2.el
- HTTP状态码大全
dcj3sjt126com
http状态码
完整的 HTTP 1.1规范说明书来自于RFC 2616，你可以在http://www.talentdigger.cn/home/link.php?url=d3d3LnJmYy1lZGl0b3Iub3JnLw%3D%3D在线查阅。HTTP 1.1的状态码被标记为新特性，因为许多浏览器只支持 HTTP 1.0。你应只把状态码发送给支持 HTTP 1.1的客户端，支持协议版本可以通过调用request
- asihttprequest上传图片
dcj3sjt126com
ASIHTTPRequest
NSURL *url =@"yourURL";
ASIFormDataRequest*currentRequest =[ASIFormDataRequest requestWithURL:url];
[currentRequest setPostFormat:ASIMultipartFormDataPostFormat];[currentRequest se
- C语言中，关键字static的作用
e200702084
C++cC#
在C语言中，关键字static有三个明显的作用：
1)在函数体，局部的static变量。生存期为程序的整个生命周期，（它存活多长时间）；作用域却在函数体内（它在什么地方能被访问（空间））。
一个被声明为静态的变量在这一函数被调用过程中维持其值不变。因为它分配在静态存储区，函数调用结束后并不释放单元，但是在其它的作用域的无法访问。当再次调用这个函数时，这个局部的静态变量还存活，而且用在它的访
- win7/8使用curl
geeksun
win7
1. WIN7/8下要使用curl，需要下载curl-7.20.0-win64-ssl-sspi.zip和Win64OpenSSL_Light-1_0_2d.exe。 下载地址：
http://curl.haxx.se/download.html 请选择不带SSL的版本，否则还需要安装SSL的支持包 2. 可以给Windows增加c
- Creating a Shared Repository; Users Sharing The Repository
hongtoushizi
git
转载自：
http://www.gitguys.com/topics/creating-a-shared-repository-users-sharing-the-repository/ Commands discussed in this section:
git init –bare
git clone
git remote
git pull
git p
- Java实现字符串反转的8种或9种方法
Josh_Persistence
异或反转递归反转二分交换反转java字符串反转栈反转
注：对于第7种使用异或的方式来实现字符串的反转，如果不太看得明白的，可以参照另一篇博客：
http://josh-persistence.iteye.com/blog/2205768
/**
*
*/
package com.wsheng.aggregator.algorithm.string;
import java.util.Stack;
/**
- 代码实现任意容量倒水问题
home198979
PHP算法倒水
形象化设计模式实战 HELLO!架构 redis命令源码解析
倒水问题：有两个杯子，一个A升，一个B升，水有无限多，现要求利用这两杯子装C
- Druid datasource
zhb8015
druid
推荐大家使用数据库连接池 DruidDataSource. http://code.alibabatech.com/wiki/display/Druid/DruidDataSource DruidDataSource经过阿里巴巴数百个应用一年多生产环境运行验证，稳定可靠。 它最重要的特点是：监控、扩展和性能。 下载和Maven配置看这里： http
- 两种启动监听器ApplicationListener和ServletContextListener
spjich
javaspring框架
引言:有时候需要在项目初始化的时候进行一系列工作，比如初始化一个线程池，初始化配置文件，初始化缓存等等，这时候就需要用到启动监听器，下面分别介绍一下两种常用的项目启动监听器
ServletContextListener
特点: 依赖于sevlet容器，需要配置web.xml
使用方法:
public class StartListener implements
- JavaScript Rounding Methods of the Math object
何不笑
JavaScriptMath
The next group of methods has to do with rounding decimal values into integers. Three methods — Math.ceil(), Math.floor(), and Math.round() — handle rounding in differen
