好用的6个css方法
2024-10-18 23:32:48
1. 黑白图像
img {
filter: grayscale(100%);
}
2. 使用 :not() 除它之外的其他元素
.nav li:not(:last-child) {
border-right: 1px solid #333;
}
3. 所有一切都垂直居中
html, body {
height: 100%;
margin:;
}
body {
align-items: center;
display: flex;
}
4. 表格单元格等宽
.calendar {
table-layout: fixed;
}
5. 文本渐变
h1{
position: relative;
}
h1:after{
content: '与h1内容相同文字';
z-index:;
color: #e3e3e3;
position: absolute;
top:;
left:;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,1)), to(rgba(0,0,0,0)));
}
6. 禁用鼠标事件
.disabled {
pointer-events: none;
}
最新文章
- XenServer安全重启xapi的方法
- JQuery uploadify 的使用
- JSP--JavaBean
- 【自己动手】sublime text插件开发
- SQLiteAPI函数详解
- PHPCMS V9添加模板自定义全局变量
- LeetCode57 Insert Interval
- [Luogu 3690]【模板】Link Cut Tree (动态树)
- svn 卡死住,关闭后,用CleanUp报错解决
- dp入门之01背包问题
- sql中的内联和外联(简单用法)
- Python yaml模块
- 使用IntelliJ IDEA创建Maven聚合工程、创建resources文件夹、ssm框架整合、项目运行一体化
- 使用Python抓取猫眼近10万条评论并分析
- 有关String的转换的一篇好文章
- Linux-JAVA-JDK完整配置过程
- docker-compose命令和yml文件配置
- Java中“==和equals”的区别
- Pinterest架构:两年内月PV从零到百亿
- ListView布局之View复用原理举例