![](https://img-blog.csdnimg.cn/20201212094409364.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
利用css实现各种效果
倘若hfl
这个作者很懒,什么都没留下…
展开
-
Vue项目打包后css中的-webkit-line-clamp这个属性失效
多行省略,可以使用-webkit-line-clamp属性,打包后却失效了.htcon { margin-top: 5px; font-size: 13px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; over原创 2020-12-29 14:58:20 · 865 阅读 · 0 评论 -
修改页面滚动条样式,隐藏滚动条还可以滚动
/* 滚动条的宽度 */ ::-webkit-scrollbar { width: 8px; height: 8px; } /* 滚动条的滑块 */ ::-webkit-scrollbar-thumb { background-color: #a1a3a9; border-radius: 4px; }是不是超简单,这样设置整个页面的滚动条样式都会改变,如需改变部分滚动条,请自行添加class或id绑定...原创 2021-02-01 14:10:48 · 161 阅读 · 0 评论 -
使用css禁用input
普通禁用 使用 disabled 属性<input type="text" disabled>使用cssinput{ pointer-events: none; }原创 2021-01-14 09:14:55 · 4036 阅读 · 0 评论 -
CSS画出半圆,四分之一圆,三角等图形
圆形.icon{ width: 100px; height: 100px; background: red; border-radius: 50%; }半圆.icon{ width: 100px; height: 50px; background: red; border-radius: 100px 100px 0 0; }四分之一圆.icon{ width: 50px; height: 50px;原创 2020-12-12 13:32:29 · 1866 阅读 · 0 评论 -
CSS实现波浪效果图
波浪效果图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><style> * { marg原创 2020-12-12 11:19:37 · 628 阅读 · 0 评论 -
CSS实现可滚动区域,内容超出滚动
内容过长时,实现可滚动区域<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><style> * {原创 2020-12-12 10:17:29 · 2238 阅读 · 0 评论