css
荔枝1
这个作者很懒,什么都没留下…
展开
-
可以无限加步骤的步骤条,手机上超出屏幕宽度可以滑动
可以无限加步骤的步骤条,手机上超出屏幕宽度可以滑动转载 2022-07-17 10:06:54 · 315 阅读 · 0 评论 -
css实现步骤条
css实现步骤条转载 2022-07-17 10:03:32 · 1710 阅读 · 0 评论 -
css3背景颜色渐变属性
css3背景颜色渐变属性转载 2022-07-17 07:34:13 · 1229 阅读 · 0 评论 -
如何改变hr标签的颜色
<hr style='background-color:blue; height:1px; border:none;''/>hr标签是线条,其颜色要用background-color;再给线条设置一个height,正常粗细就是1px,设置完后线条变粗;那是因为hr有默认的border,需要将它的边框去掉,设为border:none以上三点缺一不可...转载 2022-03-09 14:57:17 · 6140 阅读 · 1 评论 -
CSS的常用套路
1、交错动画有时候,我们需要给多个元素添加同一个动画,播放后,不难发现它们会一起运动,一起结束,这样就会显得很平淡无奇。那么如何将动画变得稍微有趣一点呢?很简单,既然它们都是同一时刻开始运动的,那么让它们不在同一时刻运动不就可以了吗。如何让它们不在同一时刻运动呢?注意到CSS动画有延迟(delay)这一属性。举个栗子,比如有十个元素播放十个动画,将第二个元素的动画播放时间设定为比第一个元素晚0.5秒(也就是将延迟设为0.5秒),其他元素以此类推,这样它们就会错开来,形成一种独特的视觉效果。这就是转载 2020-05-26 10:05:40 · 277 阅读 · 0 评论 -
微信小程序开发笔记(一)--设置透明按钮
在学习微信小程序时 遇到想做一个完全透明的按钮 <view style="width:120rpx;"> <button class="okbtn" bindtap='oknum'>确认提交</button> </view>`一开始在微信公众平台的组件里发现 属性里有 plain可以使按钮透明使用后发...转载 2020-02-16 21:49:15 · 4616 阅读 · 2 评论 -
一文看懂什么是display:flex 布局
一、Flex布局是什么?Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box1{display: flex;}.box2{display: inline-flex; /*</span><span style="font-family: Arial, Helvetica, sans-s...转载 2020-02-15 18:35:35 · 466 阅读 · 0 评论 -
CSS3 线性渐变(linear-gradient)
CSS3 Gradient 分为 linear-gradient(线性渐变)和 radial-gradient(径向渐变)。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用 CSS3 Gradient,我们需要先了解一下目前的几种现代浏览器的内核,主要有 Mozilla(Firefox,Flock等)、WebKit(Safari、...转载 2019-08-19 15:17:45 · 412 阅读 · 0 评论 -
CSS垂直水平居中,display:flex,布局,文字属性的一些零碎
body的height不可少,如body{height:100%},否则子元素会不认,如果子元素的高直接以百分比写的话,会不显示。因为识别不出来。 宽度则不会,因为浏览器的宽度是固定的,高度会滚,不固定。2. border-sizing其实是将默认的content-sizing转为了老ie的盒子模型 如果元素float 可以通过转为该模式,让多个元素在width相加===1时控制在一行上...转载 2019-06-12 15:03:55 · 1182 阅读 · 0 评论