css
于丸
想做个前端大
展开
-
手写遮罩层
绝对定位+上下左右都为0+z-index原创 2022-10-24 20:19:44 · 163 阅读 · 0 评论 -
去除input边框以及选中时边框 默认样式
input { border: 0; // 去除未选中状态边框 outline: none; // 去除选中状态边框 background-color: rgba(0, 0, 0, 0);// 透明背景 }原创 2021-02-04 11:09:53 · 583 阅读 · 0 评论 -
关于行内块元素和浮动元素的位置关系
参考原创 2019-12-05 09:21:03 · 584 阅读 · 0 评论 -
css3动画写一个跳动的心
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding:...原创 2019-11-20 15:56:29 · 269 阅读 · 0 评论 -
中间自适应俩边固定
第一种<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .box div{ height: 100px; position: absolute; } .box{...原创 2019-11-12 08:59:54 · 144 阅读 · 0 评论 -
css画一个三角形
.div{ width: 0px; height: 0px; border-bottom: 100px solid green; border-left: 100px solid transparent; border-right: 100px solid transparent;}原创 2019-11-12 08:36:58 · 97 阅读 · 0 评论 -
不知道多少字体的情况下使字体垂直居中
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> div{ /*如果字数你不知道有多少的话还用这个就有问题*/ /*line-height: 500px;*/ /*所以...原创 2019-11-12 08:20:10 · 90 阅读 · 0 评论 -
css实现水平垂直居中
第一种:直接计算<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .wai{ position: relative; } .nei{ position: abso...原创 2019-11-12 08:14:14 · 139 阅读 · 0 评论 -
上下浮动div位置的不同结果也会不同
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } .d1{ background: red; ...原创 2019-08-18 08:46:36 · 298 阅读 · 0 评论 -
字母 数字 中文 强制换行通用
word-break: break-all;原创 2019-07-11 16:44:06 · 206 阅读 · 0 评论 -
单行超出省略号和多行超出省略号效果实现
//单行.content{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }//多行原创 2019-06-25 09:51:44 · 82 阅读 · 0 评论