博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS 实现 0.5px 边框线
阅读量:6952 次
发布时间:2019-06-27

本文共 365 字,大约阅读时间需要 1 分钟。

原有元素要添加 position: relative; ::before伪元素一点要加z-index属性保证原有元素处于后加元素上层,否则会导致原有元素上点击等事件触发不了

<div class="top border-line">

</div>

.top {

position: relative;

}

.border-line::before {

z-index: -999;content: '';position: absolute;top: 0;left: 0;border-bottom: 1px solid #000;width: 200%;height: 200%;transform-origin: 0 0;transform: scale(0.5, 0.5);box-sizing: border-box;

}

转载地址:http://ibjil.baihongyu.com/

你可能感兴趣的文章
基于Centos搭建nginx+uwsgi运行django环境
查看>>
context switch
查看>>
Oracle awr报告生成操作步骤
查看>>
【DB2】DB2使用IMPORT命令导入含有自增长列的表报错处理
查看>>
微服务之springCloud-docker-comsumer(三)
查看>>
dhcpcd守护进程分析【转】
查看>>
Linux - 理不清的权限chmod与chown区别
查看>>
TCP协议疑难杂症全景解析
查看>>
redis 1
查看>>
如何找回电脑重新分区丢失的数据
查看>>
Python安装pycurl失败,及解决办法
查看>>
cocos2d的常用动作及效果总结之四:Special Actions
查看>>
ASP.NET MVC
查看>>
[ lucene扩展 ] MoreLikeThis 相似检索
查看>>
如果返回结构体类型变量(named return value optimisation,NRVO)
查看>>
C# 多线程详解 Part.02(UI 线程和子线程的互动、ProgressBar 的异步调用)
查看>>
基于shiro授权过程
查看>>
struts2文件上传
查看>>
JQuery对象和DOM对象的区别与转换
查看>>
wampserver变橙色,apache 服务无法启动!问题解决小记(安装失败亦可参考)
查看>>