css
关注
分享
扫一扫
爱吃烧鸭蛋的叶安
这个作者很懒，什么都没留下…
展开
-
基于CSS实现显示两行文本，超出盒子省略号显示
div{ display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; }原创 2020-03-27 21:15:02 · 297 阅读 · 1 评论 -
css一行展示多出省略号展示，设置最大宽度，不生效
场景：每个元素宽度自由，只设置最大宽度，内容超出省略号显示，配置如下。原创 2024-10-10 15:45:56 · 189 阅读 · 0 评论 -
引入本地字体图标的使用
1、把字体图标文件复制到项目中。2、main.js中引入图标库。3、就可以使用了，如下。是获取到的图标名称，如。原创 2023-07-13 10:15:10 · 264 阅读 · 0 评论 -
css 图片好玩的一个属性，添加滤镜
【代码】css 图片好玩的一个属性，添加滤镜。原创 2023-11-04 17:28:33 · 364 阅读 · 0 评论 -
css实现毛玻璃磨砂效果
【代码】css实现毛玻璃磨砂效果。原创 2023-06-28 10:03:31 · 1185 阅读 · 0 评论 -
使用CSS动态创建边角框架
分别div.container和div.corner添加::before和::after伪类，并将伪类中的元素分别设置成四个边角元素即。定义一个div容器，如div.container。通过双伪元素、边框、定位实现。在容器中定义1个子元素。原创 2023-02-22 10:50:16 · 261 阅读 · 0 评论 -
css表现 行星 椭圆 球
通过长方形，并将圆角设置为50%，画椭圆。背景色渐变，凸显球形。原创 2023-01-06 17:04:52 · 440 阅读 · 0 评论 -
纯CSS设置文字为渐变色
将文字设为渐变色文字，利用。和裁剪属性给文字设置样式。原创 2022-09-22 14:24:27 · 283 阅读 · 0 评论 -
css限制一行显示，溢出隐藏，并省略号显示
实现规则：限制宽高，然后再添加下面三行代码即可。实现文字一行显示，超出省略号显示。原创 2022-08-09 10:47:29 · 976 阅读 · 0 评论 -
纯CSS 文字渐变
效果原创 2022-07-01 14:45:30 · 88 阅读 · 0 评论 -
PC端响应式布局
只需要在需要响应式布局的页面添加下面的方法即可,在react或vue的脚手架中只需要在index.html文件中添加改方法就可以实现全局响应式布局了(因为react和vue都是单页面)转载 2022-06-30 15:16:18 · 1910 阅读 · 1 评论 -
css改变水平线的颜色
<hr style="background-color:#ccc;height: 1px;width:90%;border: none;"/>原创 2020-03-11 21:31:28 · 4701 阅读 · 0 评论 -
css文字竖向排版
结构<span class="tit_txt">{{ item.name }}</span>样式.tit_txt{ width: 20px; margin: 0 auto; line-height: 20px; text-align: center; }原创 2022-05-17 17:32:19 · 433 阅读 · 0 评论