首页 > 其他分享 >CSS伪类实现0.5px边框

CSS伪类实现0.5px边框

时间:2023-05-15 20:34:49浏览次数:44  
标签:伪类 px after 0.5 边框 div class

  • div-class为需要添加0.5px边框的元素的类名,下面是less写法,css写法把嵌套的&::after提出来,换成.div-class::after
.div-class {
  position: relative;
  &::after{
    position: absolute;
    bottom: 0;
    content:'';
    width: 100%;
    height: 1px;
    background-color: #F1F1F1;
    transform: scaleY(0.5);
  }
}

标签:伪类,px,after,0.5,边框,div,class
From: https://www.cnblogs.com/jia-zq/p/17402986.html

相关文章

  • pxe基础的批量化装机
    PXE网络装机PXE原理开机自检-----》MBR引导-----》grub2菜单------》内核初始化-------》init初始化 服务器的批量部署1.规模化:同时装配多台服务器2.自动化:安装系统、配置各种服务3.远程实现:不需要光盘、U盘等安装介质4.对于无盘工作站,服务器端需要提供可运行的完整系......
  • table中的td在有文字填充和没有文字填充的情况下差1px
    table{width:100%;border-collapse:collapse;theadtr{height:40px;line-height:39px;border-bottom:1pxsolid#dddddd;font-weight:bold;background-color:#f0f4f5;}tbodytr{height:40px;line-height:39px;......
  • 微信小程序中使用rpx像素单位设置高度---uniapp开发中
    在微信小程序中使用rpx可以解决屏幕宽度的兼容问题但是设置高度的时候还是会有问题为了解决宽度的兼容问题,在微信小程序中可以使用了rpx像素单位来进行设置,不管屏幕的宽度大小是多少,都认为宽度有750rpx这样即使屏幕大小不一样使用了rpx单位来设置的样式比例也是一样的。......
  • Nessus 10.5 Auto Install for macOS Ventura(自动化安装 Nessus 试用版)
    发布Nessus试用版自动化安装程序,支持macOSVentura、RHEL9和Ubuntu22.04请访问原文链接:https://sysin.org/blog/nessus-auto-install-for-macos/,查看最新版。原创作品,转载请保留出处。作者主页:sysin.orgNessus简介Nessus漏洞评估领域的全球黄金标准针对现代攻击面......
  • npx与npm的区别,使用npx的好处
     什么是NPX?一个npm包执行器,指在提高从npm注册表使用软件包时的体验NPX是NPM包的执行者。最初,NPX于2017年7月推出.NPX只是一个可以像其他NPM软件包一样安装的NPM软件包。目前,在安装NPM5.2.0或更高版本时,NPX与NPM捆绑在一起。 使用NPX使用NPX,您可以运行和执行软件包,而无需......
  • Intel 82599万兆网卡开启PXE功能
    准备条件1、先下载bootutil工具,网上可以搜到或者intel官网下载操作步骤1、将工具拷贝到U盘2、从U盘启动进入Dos,进入工具所在目录3、使用bootutil命令查看网卡顺序:4、如上图所示,10g网卡为3、4、5、6,要打开网卡3的pxe功能,先执行:bootutil –nic=3 –fe 打开网卡3的flash模式,再执行:b......
  • vue学习 第十一天 CSS3新特性 ---- 新增选择器(1、属性选择器 2、结构伪类选择
    CSS3新特性1、CSS3现状1)新增的CSS3特性有兼容性问题,ie9+才支持2)移动端支持优于PC端3.)不断改进中,应用相对广泛 2、CSS3新增选择器CSS3给我们新增了选择器,可以更加便捷,更加自由的选择目标元素。1)属性选......
  • Android程序中像素(px)跟单位dp(di…
    publicclassUnitTransformUtil{publicstaticintdip2px(Contextcontext,floatdpValue){finalfloatscale=context.getResources().getDisplayMetrics().density;......
  • android中的像素单位dp、px、pt、s…
    pixels(设备独立像素).不同设备有不同的显示效果,这个和设备硬件有关,一般我们为了支持WVGA、HVGA和QVGA推荐使用这个,不依赖像素。px:pixels(像素).不同设备显示效果相同,一般我们HVGA代表320x480像素,这个用的比较多。pt:point,是一个标准的长度单位,1pt=1/72英寸,用于......
  • 基于Linux系统的PXE搭建方法
    本文分享自天翼云开发者社区《基于Linux系统的PXE搭建方法》,作者:t***n 一、底层环境准备1、安装RedHat7.6系统2、关闭防火墙和Selinuxsystemctlstopfirewalldchkconfigfirewalldoffvim/etc/sysconfig/selinux    修改SELINUX=disabled3、配置本地yum源vim/e......