Css
css样式
__Begin
这个作者很懒,什么都没留下…
展开
-
css 简单的修改滚动条样式
/*滚动条整体部分*/ .fo_d2::-webkit-scrollbar{ width:1 px; background:#ffffff; } /*滚动条小方块部分*/ .fo_d2::-webkit-scrollbar-thumb{ width:1px; height: 100%; background:#333333; border-ra...原创 2020-01-06 09:56:52 · 124 阅读 · 0 评论 -
CSS中grid布局
这里只介绍常用属性 父级使用的属性: grid-template-columns:1fr 2fr; 将一行平均分成三列(3fr), 第一个子元素占一列, 第二个子元素占用两列 repeat(5,1fr);将一行平均分成五列//repeat() 接受两个参数 , 第一个是重复次数 , 第二个参数是要重复的值 ...原创 2019-11-14 17:37:53 · 405 阅读 · 0 评论 -
flex布局
每天学一点 , 记一点吧~! 这里只简单介绍flex布局中的属性 , 具体效果还得自己手敲练习 display:flex; 弹性布局 , 任何一个容器(元素) 都可以指定成 flex 布局 <div class="maxbox"> <div class="box-item"> 内部元素1 </div> <div class="...原创 2019-11-04 15:55:55 · 107 阅读 · 0 评论 -
视差滚动
视差滚动指的是网页滚动过程中,多层次的元素进行不同程度的移动,视觉上形成立体运动效果的网页展示技术。 这里话不多说直接用一个例子说明吧: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"原创 2019-03-04 11:06:14 · 174 阅读 · 0 评论 -
用css 实现 三角形
主要用到了 border 的 transparent 属性 , 如有不懂 可以参考https://www.cnblogs.com/youhong/p/6530575.html 写的很详细 代码如下: <!DOCTYPE html> <html> <head> <title>三角形</title> </head> &...原创 2019-08-21 09:47:00 · 74 阅读 · 0 评论