美文网首页Front-end
通过 div 的方式实现比 1px 还细的横线 - html

通过 div 的方式实现比 1px 还细的横线 - html

作者: survivorsfyh | 来源:发表于2020-04-16 15:58 被阅读0次

一种较为简易的方式实现横线效果,通过 div 设置边框 border 的方式,具体 code 如下;

<div style="width: 25%; border-top: 1px solid  #8A8B8C; transform: scaleY(0.4);"></div>

以上便是此次分享的全部内容,希望能对大家有所帮助!

相关文章

  • 通过 div 的方式实现比 1px 还细的横线 - html

    一种较为简易的方式实现横线效果,通过 div 设置边框 border 的方式,具体 code 如下; 以上便是此次...

  • JS移动、旋转div

    实现效果 JS叠加、移动、旋转div 实现方式对比 1、添加div2、通过rotate插件实现旋转3、通过键盘监听...

  • 移动端一像素边框

    如何实现在移动端中显示一像素的边框 实现方案一:0.5像素 标准边框语法div{ border: 1px sol...

  • HTML块

    HTML

    可以通过
    将HTML元素组合起来。 一.HTML块元素 大...

  • 响应式图片相册上面图片下面文字

    css: div.img { border: 1px solid #ccc; } div.img:hover ...

  • No.3 - CSS transition 和 CSS tran

    任务动画 demo下载.html 文件 小结 静态图实现的方法:①基本的组件是div,通过position的abs...

  • 一个简单的点击效果

    html css 方式1: 点击div时,整个div会向下偏移2px 方式2: 点击div时,整个div会在x轴缩...

  • iOS去除导航栏和tabbar的1px横线

    1.在自己定义的导航栏中或者设计稿中经常需要去除导航栏的1px横线,主要是颜色太不协调了 要去除这1px的横线,首...

  • 3.8 页面布局

    MisShop通过布局区域来实现页面元素的排列。和通常的html规则相同,MisShop支持 div容器、表格布局...

  • CSS布局

    HTML CSS + DIV实现整体布局必备知识利用HTML和CSS实现常见的布局 单列布局 css 实现竖直居中...

网友评论

    本文标题:通过 div 的方式实现比 1px 还细的横线 - html

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