![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
weixin_40624809
这个作者很懒,什么都没留下…
展开
-
vue 滚动条样式和鼠标离开自动回到顶部
1. 滚动条样式详细讲解 /*css主要部分的样式*//*定义滚动条宽高及背景,宽高分别对应横竖滚动条的尺寸*/::-webkit-scrollbar {width: 8px; /*对垂直流动条有效*/height: 8px; /*对水平流动条有效*/}/*定义滚动条的轨道颜色、内阴影及圆角*/ ::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5); background-co转载 2021-01-06 11:44:06 · 258 阅读 · 0 评论 -
css 伪元素 content使用
效果图点击之前点击之后1. CSS.menuTitleStyle::after{ content: attr(data-num); width: 25px; height: 25px; display: block; background-color: orange; border-radius: 50%; position: relative; text-align: center; color原创 2020-12-29 11:36:42 · 310 阅读 · 0 评论 -
CSS Grid 网格布局
1.容器属性(父元素)//display 属性display: grid/inline-grid; //网格布局//grid-template-columns 属性, grid-template-rows 属性//写法一grid-template-columns: 100px 100px 100px; //每一列的宽度 单位可以为px,%grid-template-rows: 100px 100px 100px; //每一列的高度注意:当元素设为网格布局以后,容器子元素(项目原创 2020-11-16 15:06:12 · 69 阅读 · 0 评论 -
CSS Viewport (视口)单位
类型视口单位为:vw(视口宽度),vh(视口高度),vmin和vmax。视口单位基于页面的根元素,百分比则基于它们所在的容器1. vw(视口宽度)vw单位表示根元素宽度的百分比,1vw等于视口宽度的1%2. vh(视口高度)vh单位表示根元素高度的百分比,一个vh等于视口高度的1%。3. Vmin (宽和高哪个小取哪个)vmin表示视口的宽度和高度中的较小值,也就是vw 和 vh 中的较小值。如果视口宽度大于其高度,则将根据高度计算该值。4.Vmax (宽和高哪个大取哪个)vmax与vm原创 2020-11-16 13:58:34 · 294 阅读 · 0 评论 -
css 控制超出文本换行
display: -webkit-box; width: 350px; //文字的宽度 overflow: hidden; //超出隐藏 -webkit-box-orient: vertical; //显示... -webkit-line-clamp: 2; //只显示2行效果图...原创 2019-11-28 15:40:33 · 176 阅读 · 0 评论 -
border-radius 取8个值
标题 border-radius正常的取值 border-radius: 4px; border-radius: 4px 6px 6px 4px;然而还可以这样用#app { border-radius: 5px 5px 3px 2px / 5px 5px 1px 3px;}为了凸显效果 改变一下数值 效果如下 #add{ width:...原创 2019-11-04 11:03:46 · 695 阅读 · 0 评论