实现思路 渐变效果采用linear-gradient实现,但是它只能设在background-image属性上 background-clip的含义是背景图片切割,当值设为text时,背景图片将根据文字轮廓进行切割 切割完成后,切割好的新背景图片被挡在文字下方,将文字的颜色设为透明即可让根据文字轮廓 ...
分类:
其他好文 时间:
2020-05-03 18:22:02
阅读次数:
71
给定一个字符串,请你找出其中不含有重复字符的 最长子串 的长度。 示例 1: 输入: "abcabcbb"输出: 3 解释: 因为无重复字符的最长子串是 "abc",所以其长度为 3。示例 2: 输入: "bbbbb"输出: 1解释: 因为无重复字符的最长子串是 "b",所以其长度为 1。示例 3: ...
分类:
其他好文 时间:
2020-05-02 14:40:34
阅读次数:
51
演示地址:http://quickso.cn/ Bing每日壁纸API是一个基于RESTful的API,这里有一个已经部署好的API,此API已经支持HTTPS,可以放心调用。 CSS中设置背景图片 可以使用此API直接在CSS中设置背景图片: background-image: url(https ...
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>魔方</title> <style type="text/css"> body{ height: 100vh; width: 100vw; /* background-image: ...
分类:
Web程序 时间:
2020-04-30 22:58:57
阅读次数:
127
<section class="" style="padding: 10px; background-size: auto; background-image: url(http://mmbiz.qpic.cn/mmbiz/yqVAqoZvDibG84oQ3rQ0C1bdcgrh9SZUj1NJvl ...
分类:
其他好文 时间:
2020-04-30 17:10:45
阅读次数:
60
Photo by "); background-size: 1px 1px; background-position: 0px calc(1em + 1px);">Pavel Anoshin on "); background-size: 1px 1px; background-position: ... ...
分类:
其他好文 时间:
2020-04-30 11:47:20
阅读次数:
70
如图,黄色按钮沉在div底部: 这种场景会经常遇到,比如头部固定,底部固定,或者侧边栏固定等,虽然很简单,但是好记性不如烂笔头,作为一个后端开发,在转全栈的路上css还是有点蛋疼的。 #dataExplain { position: fixed; background-color: white; } ...
分类:
Web程序 时间:
2020-04-30 11:14:49
阅读次数:
770
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 #div1{width: 100px;height:100px;background-color:red;positi ...
分类:
其他好文 时间:
2020-04-29 13:06:13
阅读次数:
50
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 #div1{width: 200px;height:200px;background-color:red;positi ...
分类:
其他好文 时间:
2020-04-29 12:36:53
阅读次数:
46
页面顶部提示维护信息 <div class="top-tips" style="background-color: #FFF8D9;border-bottom: 1px solid #FEBE8F;height: 28px;overflow: hidden;text-align: center;wi ...
分类:
Web程序 时间:
2020-04-29 12:30:25
阅读次数:
126