美文网首页
给块级元素绘制0.5px边框

给块级元素绘制0.5px边框

作者: Hasan_hs | 来源:发表于2023-07-18 15:38 被阅读0次
.con {
        position: relative;
    }
    .con::after {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        width: 200%;
        height: 200%;
        content: "";
        display: block;
        border: 1px solid #FF2831;
        transform: scale(0.5);
        transform-origin: left bottom;
    }

相关文章

  • 【css】如何实现移动端敏感的0.5px

    如下几种方法能实现0.5px边框: 1.伪元素2倍尺寸1px边框scale缩小一半 推荐 给容器内设置伪元素,设置...

  • 分享CSS的一些小技巧

    两栏布局 三栏布局 水平居中 行内元素 块级元素 垂直居中 行内元素 块级元素 渐变边框

  • css常见属性

    块级元素行内元素 块级元素(block-level) 行类元素(inline-level) 宽高 边框 边距 盒模...

  • CSS基础回顾

    行内元素:只占据对应标签边框所包含的空间(如span) 块级元素:占据父元素整个空间。(如div,p) 块级元素和...

  • css基础--2

    CSS框模型(Box Model) 内边距 边框 外边距 外边距合并 行级元素和块级元素 行级元素strong s...

  • css05

    CSS 基本样式:宽高、边框、边距、display字体、文本、颜色 关键词:块级元素+行内元素、宽高、边框(制作三...

  • CSS布局

    1.块元素&内联元素 块级元素 (例如div 默认属性为display:block 会独占一行 可以加边框看效果 ...

  • 第五课 布局入门

    1、块级元素和行内元素 布局时可以给每个模块加上边框医便于分析,最后可以去掉 行内元素的代码换行相当于内容的空格,...

  • css基础探索(二)

    1、CSS框模型(Box Model) 2、内边距 3、边框 4、外边距 5、外边距合并 6、行级元素和块级元素 ...

  • 01、02.行内、块级元素、浮动

    块级元素与行内元素: 行内元素: 行内元素不能显示的设置宽高,(span,strong等),垂直的内边距、边框、外...

网友评论

      本文标题:给块级元素绘制0.5px边框

      本文链接:https://www.haomeiwen.com/subject/adinudtx.html