0.5px border 实现方案
2024-04-26 10:48:44
<div class='thin-border'></div>
.thin-border {
position: relative;
width: 40px;
height: 20px;
}
.thin-border::after {
content: ' ';
position: absolute;
left: 0;
top: 0;
border: '1px solid #000';
border-radius: 4px;
box-sizing: border-box;
width: 200%;
height: 200%;
transform: scale(.5);
transform-origin: left top;
}
在使用前可以先增加 window.devicePixelRatio && window.devicePixelRatio >= 2 的判断，建议像素比在 2 及已上时使用
最新文章
- JavaScript学习（一） —— 环境搭建与JavaScript初探
- 卸载 ibus 使Ubuntu16.04任务栏与启动器消失 问题解决
- NSUserDefaults存取失败
- linux centos yum安装LAMP环境
- Fedora22编译Qt3.3.X
- mysql-linux命令登录，退出
- ASP.NET MVC ActionResult的其它返回值
- MVVM 代码记录
- 【设计模式】学习笔记17：代理模式之保护代理与Java反射
- ViewPager的使用方法和实现过程
- VS2010/MFC：模态对话框及其弹出过程
- C#多线程问题整合
- hdu1698（线段树）
- hadoop安装过程中出现的错误
- 用嵌入式块RAM IP核配置一个双口RAM
- 20155321 《网络攻防》 Exp7 网络欺诈防范
- BugPhobia开发篇章：Beta阶段第VI次Scrum Meeting
- Django 自定义分页
- keil51下使用sprintf问题
- Oracle update 日期