- 博客(45)
- 收藏
- 关注
RSS订阅原创 切换列表html
A onClick="selectTag('tagContent2',this)" href="javascript:void(0)">制造</A><A onClick="selectTag('tagContent1',this)" href="javascript:void(0)">算法</A><A onClick="selectTag('tagContent0',this)" href="javascript:void(0)">推荐</A>
2024-01-05 17:59:43
1206
原创 背景色渐变css
background:-webkit-linear-gradient(top,white,lightblue,skyblue);上白下蓝background:-webkit-linear-gradient(right,white,lightblue,skyblue);右白左蓝
2022-05-20 09:52:25
256
原创 好看的颜色色值
<ul class="color-scheme"><li class="c_f44336" data-color="#f44336"></li><li class="c_e91e63" data-color="#e91e63"></li><li class="c_ea4c89" data-color="#ea4c89"></li><li class="c_9c27b0" data-color="#9c27b0"
2022-04-22 10:33:29
275
1原创 渐变颜色的线
<div class="grad"></div>.grad {background: -webkit-linear-gradient(right, #1b24ff,#fd0371); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(right, #1b24ff,#fd0371); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(right,#1b2
2022-03-03 15:45:16
75
原创 四个样式调出内阴影。
box-shadow:0 0 6px rgba(57, 227, 191, 0.6) inset;-webkit-box-shadow:0 0 6px rgba(57, 227, 191, 0.6) inset;-moz-box-shadow:0 0 6px rgba(57, 227, 191, 0.6) inset;-o-box-shadow:0 0 6px rgba(57, 227, 191, 0.6) inset;
2021-12-30 17:59:25
168
原创 四个属性给border的一条边加渐变
background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(135deg,#EDF1F9,#EDF1F9),linear-gradient(135deg,#1b24ff, #00eaff);border-bottom:1px transparent solid;
2021-12-15 09:56:20
553
原创 echarts-横坐标文字竖排显示和倾斜45°显示
1.横坐标文字竖排显示xAxis ： { axisLabel:{ interval: 0, formatter: function (value) { //x轴的文字改为竖版显示 var str = value.split(""); return str.join("\n");
2021-08-19 11:06:31
3432
转载 CSS样式大全
字体属性：(font)大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常)行高 {line-height: normal;}(正常) 单位：PX、PD、EM粗细 {font-weight: bold;}(粗体) lighter;(细体) normal;(正常)变体 {font-variant: sm
2021-08-05 16:01:52
182
转载 iconfont引入方法
step 1:找到阿里巴巴矢量图标库官网https://www.iconfont.cn,然后注册登录,或者用github登录也行,此步骤跳过;step 2:找到图标管理->我的项目->然后新建项目:右边点击新建项目,用于保存自己常用的图标;step 3:项目新建完成后,往项目里添加我们要想使用的图标,找到图标库,搜索一个想要的图标,然后添加到购物车;我现在将第一个安卓图标加入我的项目,点击加入购物车step 4:添加到购物车完成后,购物车徽章数字应该显示.
2021-07-19 15:02:07
4544
原创 苹果电脑Chrome浏览器截网页长图
PC截取局部或整个网页长图-操作步骤：1、浏览器打开需要截图的网页；2、进入调试模式：Windows系统：按F12苹果IOS系统：按Command +Option +I3、打开命令窗口：windows系统：按ctrl+shift+p苹果IOS系统：按Command+Shift +P4.1、局部截图：命令窗口输入“Capture area screenshot ”，然后按住鼠标左键在网页上选择想要截图的区域；4.2、整个长网页截图：命令窗口输入“Capture full size scre
2021-07-09 10:28:34
2520
原创 注释语法集合
CSS注释语法为：/* 注释内容 */HTML注释语法为：<!--我是被注释内容，并且在浏览器中不会显示-->js注释语法为：/*这个是javascript的多行注释方式*/
2021-07-07 15:05:22
88
原创 div从上到下从左到右自动换行显示排列
.box{//外部的div盒子 display: flex;//先设置div里的内容显示同一行 justify-content: flex-start;//左右布局 flex-wrap: wrap;//换行 align-content: flex-start;//紧揍排列}一个个添加看看，我是加入前三个就管用了。...
2021-07-01 16:16:45
557
原创 文字超出部分省略号（1行和2行和多少个字内）
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .ssa{ width: 300px; height: 20px; white-space: nowrap; text-ove...
2021-06-30 18:39:07
92
原创 滚动条样式
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .test { height : 200px; overflow: auto; ...
2021-06-30 16:31:54
52
原创 进度条样式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
2021-06-30 15:28:13
63
原创 背景渐变滚动呼吸灯样式
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>背景透明渐变</title><style type="text/css">.kuang{height: 40px; line-height: 40px; width: 500px; text-align: center; color...
2021-06-30 11:17:19
203
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人