css
关注
分享
扫一扫
于丸
想做个前端大
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
手写遮罩层
绝对定位+上下左右都为0+z-index原创 2022-10-24 20:19:44 · 213 阅读 · 0 评论 -
去除input边框以及选中时边框 默认样式
input { border: 0; // 去除未选中状态边框 outline: none; // 去除选中状态边框 background-color: rgba(0, 0, 0, 0);// 透明背景 }原创 2021-02-04 11:09:53 · 697 阅读 · 0 评论 -
关于行内块元素和浮动元素的位置关系
参考原创 2019-12-05 09:21:03 · 625 阅读 · 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 · 306 阅读 · 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 · 171 阅读 · 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 · 128 阅读 · 0 评论 -
不知道多少字体的情况下使字体垂直居中
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> div{ /*如果字数你不知道有多少的话还用这个就有问题*/ /*line-height: 500px;*/ /*所以...原创 2019-11-12 08:20:10 · 124 阅读 · 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 · 182 阅读 · 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 · 327 阅读 · 0 评论 -
字母 数字 中文 强制换行通用
word-break: break-all;原创 2019-07-11 16:44:06 · 247 阅读 · 0 评论 -
单行超出省略号和多行超出省略号效果实现
//单行 .content{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } //多行原创 2019-06-25 09:51:44 · 103 阅读 · 0 评论