![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
文章平均质量分 51
今天拔牙么
月亮很亮,亮也没用,没用也亮
展开
-
自定义滚动条样式
滚动条美化:原生滚动条不是很好看,能拯救一下还是要拯救的。1.滚动条的属性们:1、滚动条的属性(可选项)/* 滚动条整体部分 */::-webkit-scrollbar {}/* 滚动条里面滑块,能上下左右移动(取决于是垂直还是水平) */::-webkit-scrollbar-thumb {}/* 滚动条的轨道(里面装有thumb) */::-webkit-scrollbar-track {}/* 滚动条轨道两端的按钮,允许通过点击微调小方块的位置 */::-webkit-原创 2021-07-14 15:44:16 · 488 阅读 · 0 评论 -
几个html+css常用表格
几个常用的纯html+css表格:有时候ui框架提供的表格并不能完全满足我们的需求,这时候就需要手写表格了。我把最近用的到几个表格存一下,方便以后CV。1.普通斑马纹表格(公司信息、个人信息表):例如:1、 效果图2、 HTML代码 <table class="printTB detailTb gua-detail-table" cellspacing="0" cellpadding="0"> <tbody> <原创 2021-07-13 14:51:17 · 1277 阅读 · 0 评论 -
块状元素水平垂直居中
块状元素水平垂直居中1.使用定位position: absolute;top:50%;left:50%;margin-top:-宽的一半;margin-top:-高的一半;div {width: 100px;height: 100px;background: #000;position: absolute;left: 50%;top: 50%;margin-top: -50px;margin-left: -50px;}2.使用定位,用外边框撑开position: abso原创 2021-05-13 10:53:33 · 68 阅读 · 0 评论 -
css文本溢出隐藏显示省略号
文本溢出隐藏显示省略号1.单行文本溢出隐藏省略号.text{ white-space: nowrap;//强制不换行 overflow: hidden;//溢出内容隐藏 text-overflow: ellipsis;//文本溢出出现省略号 }2.多行文本溢出隐藏显示省略号overflow: hidden;//溢出内容隐藏/* text-overflow: ellipsis; */display: -webkit-box;-webkit-line-clamp: 2;//设置可原创 2021-05-13 10:48:11 · 355 阅读 · 0 评论 -
css实现元素自动填充容器剩余宽度
css实现元素自动填充容器剩余宽度• 方法一.container{width: 1226px;margin: 0 auto;position: relative;}.right{width: 300px;height: 300px;background-color: hotpink;position: absolute;top: 0;right: 0;}.left{margin-right: 300px;height: 300px;background-color: in原创 2021-01-03 21:54:42 · 2624 阅读 · 0 评论