![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
玫瑰花开一片一片
这个作者很懒,什么都没留下…
展开
-
iframe 等比例缩放显示
代码】iframe 等比例缩放显示。原创 2022-08-16 09:43:43 · 2730 阅读 · 0 评论 -
css webkit 滚动条样式
.o-div { width: 100%; overflow-y: hidden; overflow-x: auto; /* 设置滚动条的样式 */ &::-webkit-scrollbar { height: 5px; } /* 滚动槽 */ &::-webkit-scrollbar-track { // -webkit-box-shadow:inset 0 0 6px rgba(67, 100, 2.原创 2021-04-15 09:09:04 · 133 阅读 · 0 评论 -
怎么解决margin-top塌陷
怎么解决margin-top塌陷对于margin-top的塌陷问题,可以从以下几点去解决:1.给父元素增加边框为了不影响原先的效果,可以将边框颜色设置为白色 *与背景色同色2.溢出隐藏在父元素的style里面添加overflow:hidden;3.利用浮动给父元素的style添加浮动,但是这种方法不推荐使用。因为会带来未知的错误4.给父元素添加position:fixed;这里用到了定位的知识,将父元素显示在固定位置,就不会受margin-top塌陷的问题影响5.给父原创 2020-09-17 17:20:24 · 210 阅读 · 0 评论 -
tab 标签切换 原生JS, ES6 类 封装 有基础css 效果
上代码 :<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...原创 2020-01-10 15:37:08 · 292 阅读 · 0 评论 -
CSS3 加 javascript 滚动轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com...原创 2020-01-07 16:02:28 · 227 阅读 · 0 评论 -
网页按照比例缩放 适配 移动端
例子<!DOCTYPE html><html><head> <title>网页按照比例缩放</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <style ty...转载 2019-11-29 11:30:19 · 770 阅读 · 0 评论 -
Gradient has outdated direction syntax. New syntax is like `to left` instead of `right`.
当Vue 引用CSS 会提示以下错误: 语法过时。。。。。Gradient has outdated direction syntax. New syntax is like `to left` instead of `right`.并随之带有 一堆 css-loader 路径Failed to compile../src/assets/css/button.css (./...原创 2019-08-15 10:26:48 · 1898 阅读 · 1 评论 -
js clipboard 剪贴板复制插件
clipboard.js下载链接:https://pan.baidu.com/s/1_38F2VNSXnNHCm__R6PWEg提取码:lwba<!DOCTYPE html><head> <meta charset="UTF-8"> <title>this is 方案 1 </title> &...转载 2019-06-26 09:45:27 · 524 阅读 · 0 评论 -
CSS filter 滤镜用法 效果
.img{ -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%); // 灰度 filter: blur(5px); // 高斯模糊 opacity: 0.5; transition: all 0.3s linear; ...原创 2019-05-29 09:33:02 · 136 阅读 · 0 评论 -
CSS 单行 文字两端对齐 方法!
要实现的最终效果:方法1: div代码<div class="strong_center">商品合计</div> css代码.strong_center{ text-align: justify; width: 120px; font-weight: bold; height: 30px; ...原创 2019-04-18 15:42:53 · 266 阅读 · 0 评论 -
IE6 下 如何 画三角形 ! 方法
IE6下画三角形方法:#wrap .sjx { width: 0px; height: 0px; border-width: 40px; border-style: dashed solid dashed dashed; border-color: transparent red transparent transparent; overflow: hidden;}...原创 2019-03-13 10:39:11 · 168 阅读 · 0 评论