![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
guoqing2016
毕业于深圳技师学院,现码农一枚,分享一些项目中遇到的问题,以及解决方法,如果有坑位,欢迎推荐
展开
-
中间带文字的hr分割线
<hr class="hr">.hr { color: #000; border: 0; font-size: 12px; padding: 10px 0; position: relative;}.hr::before { content: "分隔线"; position: absolute; padding: 0 10px; line-height: 1px; border: solid red; .原创 2021-09-29 17:49:02 · 2413 阅读 · 2 评论 -
css3 按钮翻转效果
css3 按钮翻转效果html<div class="flipper"> <span class="flipper-object flipper-vertical"> <span class="panel front">the front</span> <span class="panel back">the back</span> </span></div>css.flipper转载 2021-08-06 10:16:33 · 505 阅读 · 0 评论 -
输入框input组件 在Safari光标占满的问题
只有在苹果系统的Safari才这样,windows浏览器正常解决方法:输入框不可以设置高度100%,上下间距使用padding控制原创 2021-03-04 10:11:18 · 360 阅读 · 1 评论 -
css 去掉列表中每一行最后一个元素的外边距或属性
css 去掉列表中每一行最后一个元素的外边距或属性设定外框的宽度为`180px`内部的每个tag宽度`34px`右边距为`12px`并列排列后,一行够排列3个我们计算一下剩余的宽度:`180-(34+12)*3 = 42`最终得出剩余宽度为`42`很显然,其实如果最右边的tag的右边距为空,他就可以变成4个一排了原创 2020-07-17 19:57:43 · 6147 阅读 · 4 评论 -
css食用技巧
表格布局父元素display: table;table-layout: fixed;子display: table-cell;vertical-align: middle;表格布局内只有外padding才能撑开display: table-cell;如果内部是个图,需要外面加一层a标签a标签的宽度和高度想撑起了就要用height: 48px;width: 48px;box-sizing: border-box;display: block;margin: 0 auto;pos原创 2020-07-15 09:25:58 · 665 阅读 · 0 评论 -
CSS选择器有哪些?选择器的优先级如何排序?
CSS的选择器分类可以分为三大类:id选择器,类选择器,标签选择器。CSS选择器优先级如下...转载 2020-06-09 09:18:27 · 1878 阅读 · 0 评论 -
CSS animation 属性
animation基础属性整理animation:动画名称 动画时间 运动方法 何时开始 播放次数 是否反方向 不播放时样式 运行状态...原创 2019-12-09 16:35:13 · 583 阅读 · 0 评论 -
css 背景图片自适应属性整理
本篇博客主要记录一些使用 css 对背景图片自适应的操作整合背景图片取消重复background-image: url(image.jpg);background-repeat:no-repeat;修改前修改后背景图片固定(不会随着内容滚动而改变位置)background-image: url(image.jpg);background-attachment:fixed;...原创 2019-06-25 19:36:42 · 61238 阅读 · 2 评论